Ie8 miznutie menu - Riesenie?

ahojte,

stretol som sa z divným problémom u prehliadača IE8 a nižšie.
U týchto prehliadačov mi totiž zmizne menu. teda, aby som bol presný, menu u IE8 strátí obrázky pozadia, no je klikatelné a ostáva na pozícii. len nevidieť prvky. u IE7 úplne menu vypadne... nestretol som sa eŠte s týmto problémom.

menu:

PHP kód:

<div id="menu-main">
<ul>
<li><a href="index.html" class="domov"></a></li>
<li><a href="o-mne.html" class="omne"></a></li>
<li><a href="uspechy.html" class="uspechy"></a></li>
<li><a href="klienti.html" class="klienti"></a></li>
<li><a href="fotogaleria.html" class="fotogaleria"></a></li>
</ul>
</div> 


css:

PHP kód:

#menu-main{
    width:610px;
    height:32px;
    position: absolute;
    bottom:18px;
    right:0px;
}
#menu-main a{
    color:#000;
}

#menu-main ul{
    list-style:none;
}

#menu-main ul li{
    float:left;
}

#menu-main li:before{
   content:url(img/odrazka-biela.png); 
   position:relative; 
   top:5px; 
   padding:0 11px;
}

#menu-main li:first-child:before{
    content:'';
}

.odrazka-main{
    margin:5px 12px 0 12px;
}

a.domov{
    background:url(img/menu/domov.jpg)0 0 ;
    height:32px;
    padding-left:84px;
    padding-bottom:14px;
}

.domov:hover{
    background:url(img/menu/domov.jpg)0 -32px;
}
...rovnako ostatné položky. 


funkčnosť môžete otestovať na http://data.uforevue.sk

Ďakujem veľmi pekne za rady :)

background:url(img/menu/domov.jpg)0 0 ; - před nulou musí být mezera - IE to pak nezvládne, máto jako nevalidní a nic s tiím nedokáže, stejně tak i background:url(img/menu/domov.jpg)0 -32px;

chybi ti tam display block u "li" a "li a"

a jeste jedna vec ie7 to nezobrazi pokud ten odkaz bude prazdny...
Hod tam do odkazu span s "nazvem polozky" a dej ho display: none...
tim vyresis i to pokud nekdo bude mit vyple obrazky i css ;-)

---------- Post added 17.2.2012 at 9:26 ----------

taky pravda s tou pozici u background

Ďakujem pekne :) klučová bola tá medzera :)
opravujem to, eštre ostáva optimalizovať na IE7