Ustawienie img w menu

[dervi3]

Witam

Mam problem z ustawieniem ikonek w bg menu.

Prosze o pomoc.


kod html menu:

Kod:

        <div class="menubg">
            <ul>
            <li><a href="#" id="m1"></a></li>
            <li><a href="#" id="m2"></a></li>
            <li><a href="#" id="m3"></a></li>
            <li><a href="#" id="m4"></a></li>
            <li><a href="#" id="m5"></a></li>
            <li><a href="#" id="m6"></a></li>
            <li><a href="#" id="m7"></a></li>
            <li><a href="#" id="m8"></a></li>
            <li><a href="#" id="m9"></a></li>
            <li><a href="#" id="m10"></a></li>
            <li><a href="#" id="m11"></a></li>
                </ul>      </div>

Kod css menu:

Kod:

.menubg{ width:1006px; height:52px;  margin: 120px 0px 0px 10px; background-image:url('img/menu.png');}
    .menubg ul { list-style: none; margin: 0px; padding: 0;}
        .menubg li{ float: left;border:0px;}
    .menubg img{border:0px;}
#m1 {width:115px;height:38px;float:left;background-image:url('img/ms1.png'); }
#m1:hover {width:115px;height:38px;float:left;background-image:url('img/m1.png');}
#m2 {width:84px;height:38px;float:left;background-image:url('img/ms2.png'); }
#m2:hover {width:84px;height:38px;float:left;background-image:url('img/m2.png'); }
#m3 {width:70px;height:38px;float:left;background-image:url('img/ms3.png'); }
#m3:hover {width:70px;height:38px;float:left;background-image:url('img/m3.png'); }
#m4 {width:94px;height:38px;float:left;background-image:url('img/ms4.png'); }
#m4:hover {width:94px;height:38px;float:left;background-image:url('img/m4.png');}
#m5 {width:80px;height:38px;float:left;background-image:url('img/ms5.png'); }
#m5:hover {width:80px;height:38px;float:left;background-image:url('img/m5.png');}
#m6 {width:87px;height:38px;float:left;background-image:url('img/ms6.png'); }
#m6:hover {width:87px;height:38px;float:left;background-image:url('img/m6.png'); }
#m7{width:82px;height:38px;float:left;background-image:url('img/ms7.png'); }
#m7:hover {width:82px;height:38px;float:left;background-image:url('img/m7.png'); }
#m8 {width:79px;height:38px;float:left;background-image:url('img/ms8.png'); }
#m8:hover {width:79px;height:38px;float:left;background-image:url('img/m8.png');}
#m9 {width:72px;height:38px;float:left;background-image:url('img/ms9.png'); }
#m9:hover {width:72px;height:38px;float:left;background-image:url('img/m9.png'); }
#m10 {width:87px;height:38px;float:left;background-image:url('img/ms10.png'); }
#m10:hover {width:87px;height:38px;float:left;background-image:url('img/m10.png'); }
#m11 {width:76px;height:38px;float:left;background-image:url('img/ms11.png');}
#m11:hover {width:76px;height:38px;float:left;background-image:url('img/m11.png'); }

Strona demo: http://skypedesign.xaa.pl/dawid/webspell/