[html i css] problem z menu w internet explorer

[Dzidek794]

Witam. Jak w temacie. Tworzę prostą stronę w html i css. W firefoxie i operze jak zwykle wszystko ok. W Internet Explorer natomiast rozjeżdża mi się menu.

Wygląda ono tak:



A powinno wyglądać tak:



Kod html to:

Kod: Zaznacz wszystko

<div id="menu">
<ul>
    <li>
        <h3><a href="#" onmouseover="menu2.src='images/index_roll_03.png'"
        onmouseout="menu2.src='images/index_03.png'"><img src="images/index_03.png" alt="" id="menu2" /></a></h3>
    </li>
    <li>
        <h3><a href="#" onmouseover="menu3.src='images/index_roll_04.png'"
        onmouseout="menu3.src='images/index_04.png'"><img src="images/index_04.png" alt="" id="menu3" /></a></h3>
    </li>
    <li>
        <h3><a href="#" onmouseover="menu4.src='images/index_roll_05.png'"
        onmouseout="menu4.src='images/index_05.png'"><img src="images/index_05.png" alt="" id="menu4" /></a></h3>
    </li>
    <li>
        <h3><a href="#" onmouseover="menu5.src='images/index_roll_06.png'"
        onmouseout="menu5.src='images/index_06.png'"><img src="images/index_06.png" alt="" id="menu5" /></a></h3>
    </li>
    <li>
        <h3><a href="#" onmouseover="menu6.src='images/index_roll_07.png'"
        onmouseout="menu6.src='images/index_07.png'"><img src="images/index_07.png" alt="" id="menu6" /></a></h3>
    </li>
    <li>
        <h3><a href="#" onmouseover="menu7.src='images/index_roll_08.png'"
        onmouseout="menu7.src='images/index_08.png'"><img src="images/index_08.png" alt="" id="menu7" /></a></h3>
    </li>
    <li>
        <h3><a href="#" onmouseover="menu8.src='images/index_roll_09.png'"
        onmouseout="menu8.src='images/index_09.png'"><img src="images/index_09.png" alt="" id="menu8" /></a></h3>
    </li>

</ul>
</div>

a CSS:

Kod: Zaznacz wszystko

#menu {
        margin:0 auto;
      width:762px;
      height:73px;

}

#menu img {
    border:0;
    float:left;
}

#menu h3 {
    margin:0;
}

#menu ul {
    list-style:none;
    margin:0;
    padding:0;
}

Wie ktoś może jakim trikiem to rozwiązać?

Pozdrawiam
Dzidek794

[servitor]

sprawdzales takim cackiem?
http://jigsaw.w3.org/css-validator/

[raiylo]

Wie ktoś może jakim trikiem to rozwiązać?

Napisać oddzielny plik stylu tylko i wyłącznie dla Internet Explorer i zaimplementować na stronie skrypt PHP sprawdzający z jakiej przeglądarki korzysta użytkownik i w zależności od tego jaka ona jest wczytywać odpowiedni plik .css. Na przykład:

Jeżeli przeglądarka to Opera wczytuje plik opera.css
Jeżeli przeglądarka to Firefox wczytuje plik firefox.css
Jeżeli jest to jakaś inna przeglądarka wczytuje styl domyślny deafult.css