[html]/[css] menu sie rozjedza pod ie6 Opcje

[Ratyo]

Witam, właśnie wdrażam owy projekt: http://ck.ratyodesign.pl/

W Operze, FF, Chromie etc wszystko jest ok, ale spójrzcie pod IE6, koniecznie 6, bo pod 7 jest jeszcze ok. Widać jak kolejna pozycja w menu przesuwa się coraz niżej oraz aktualności.

Czekam na pomoc, pzodrawiam!

[JoShiMa]

A może bys rzucił jakims screenem? Przecież nie każdy ma IE6. Przydałyby się też fragmenty kodu odpowiedzialnego za to menu...

[Ratyo]

Proszę bardzo - screen: http://i39.tinypic.com/2uhbxfs.jpg

html/

Kod

<div id='mmenu'>
    <ul id="menu">
        <li class="onas"><a href="index.html"><span >O nas</span></a></li>
        <li class="projekty"><a href="index.html"><span>O nas</span></a></li>
                <li class="pokl"><a href="index.html"><span>O nas</span></a></li>
        <li class="rozwiazania"><a href="index.html"><span>O nas</span></a></li>
        <li class="kontakt"><a href="index.html"><span>O nas</span></a></li>
    </ul>
</div>

css /

Kod

#menu {
    list-style-type:none;
    display:block;
}

#menu .onas a {
background-image: url('images/ck2x_08.jpg');
background-repeat:no-repeat;
display:block;
height:78px;
position:relative;
text-decoration:none;
width:70px;
}

#menu .onas a:hover {
background-image: url('images/ck_08.jpg');
}

#projekty {
    background-image: url('images/ck2x_09.jpg');
    width: 94px;
    height: 78px;
    float: left;
}

#projekty:hover {
    background-image: url('images/ck_09.jpg');
    width: 94px;
    height: 78px;
    float: left;
}

#pokl {
    background-image: url('images/ck2x_10.jpg');
    width: 70px;
    height: 78px;
    float: left;
}

#pokl:hover {
    background-image: url('images/ck_10.jpg');
    width: 70px;
    height: 78px;
    float: left;
}


#rozwiazania {
    background-image: url('images/ck2x_11.jpg');
    width: 165px;
    height: 78px;
    float: left;
}

#rozwiazania:hover {
    background-image: url('images/ck_11.jpg');
    width: 165px;
    height: 78px;
    float: left;
}

#kontakt {
    background-image: url('images/ck2x_12.jpg');
    width: 93px;
    height: 78px;
    float: left;
}

#kontakt:hover {
    background-image: url('images/ck_12.jpg');
    width: 93px;
    height: 78px;
    float: left;
}

[JoShiMa]

position:relative;

To się nie tak robi.

[HTML] pobierz, plaintext 
#menu li{
   float: left;
}
[HTML] pobierz, plaintext 

I będziesz miał po kłopocie.

I po co Ci ten <span> wewnatrz a?

[Ratyo]

Ok, dzieki (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Probleme był wspomniane przez Ciebie sprany, dlaczego to do końća nie wiem, skoro u znajomego to działą w ten sposób, aczkolwiej najważniejsze, że teraz się nie rozwala.