[HTML][CSS] Menu się rozjeżdza... Opcje

[ArekJ]

Witam. Mam problem z kodem, ale nie wiem czy CSS czy HTML. Rozjeżdza mi się w dół pod FireFoxem. Nie znam dokładnych wersji, ale na FF3 wszystko jest ok.
W HTML mam:

[HTML] pobierz, plaintext 
<li class="limenu" style="width: 101px; height: 38px;"><span style="width: 101px; background: url(images/menu_left.jpg); height: 38px;"></span></li><li class="limenu" style="width: 173px; height: 38px;"><span><a href="index.php" class="aglowna"></a></span></li><li class="limenu" style="width: 20px; height: 38px;"><span style="width: 20px; background: url(images/separator1.jpg); height: 38px;"></span></li><li class="limenu" style="width: 73px; height: 38px;"><span><a href="http://forum.xxxxxxxx.pl/" class="aforum"></a></span></li><li class="limenu" style="width: 21px; height: 38px;"><span style="width: 21px; background: url(images/separator2.jpg); height: 38px;"></span></li><li class="limenu" style="width: 119px; height: 38px;"><span><a href="index.php?act=rejestracja" class="arejestracja"></a></span></li><li class="limenu" style="width: 21px; height: 38px;"><span style="width: 21px; background: url(images/separator3.jpg); height: 38px;"></span></li><li class="limenu" style="width: 98px; height: 38px;"><span><a href="index.php?act=kontakt" class="akontakt"></a></span></li><li class="limenu" style="width: 109px; height: 38px;"><span style="width: 109px; background: url(images/menu_right.jpg); height: 38px;"></span></li>
[HTML] pobierz, plaintext 

A w CSS

[HTML] pobierz, plaintext 
#menuwrapper {
padding : 0;
margin : 0 auto;
border : 0;
width : 735px;
height : 38px;
}
#menu {
padding : 0;
margin : 0 auto;
border : 0;
display : block;
width : 735px;
height : 38px;
list-style : none;
}
ul {
padding : 0;
margin : 0;
border : 0;
list-style : none;
display : inline;
}
ul li {
padding : 0;
margin : 0;
border : 0;
height : 38px;
list-style : none;
display : inline;
}
.limenu {
padding : 0;
margin : 0;
border : 0;
list-style : none;
display : inline;
white-space : nowrap;
}
.limenu span {
padding : 0;
margin : 0;
border : 0;
width : auto;
display : inline-block;
}
.aglowna {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 173px;
background : url(images/glowna.jpg) no-repeat 0 0;
}
.aglowna:hover {
background-position : 0 -38px;
}
.aforum {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 73px;
background : url(images/forum.jpg) no-repeat 0 0;
}
.aforum:hover {
background-position : 0 -38px;
}
.arejestracja {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 119px;
background : url(images/rejestracja.jpg) no-repeat 0 0;
}
.arejestracja:hover {
background-position : 0 -38px;
}
.akontakt {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 98px;
background : url(images/kontakt.jpg) no-repeat 0 0;
}
.akontakt:hover {
background-position : 0 -38px;
}
[HTML] pobierz, plaintext 

Nie mam pojęcia jak to naprawić. Proszę o sugestie...

Ten post edytował ArekJ 15.12.2008, 22:03:34

[JoShiMa]

Ja tam w FF widzę tylko "Strona główna".

Namotałeś tak w stylach, że głowa mała.

Po co wszędzie

[HTML] pobierz, plaintext 
padding : 0;
margin : 0;
border : 0;
[HTML] pobierz, plaintext 

Raz na początku daj:

[HTML] pobierz, plaintext 
*{
padding : 0;
margin : 0;
border : 0;
}
[HTML] pobierz, plaintext 

a inne wartości ustawiaj tylko tam gdzie potrzeba.

Masz osobno style dla ul li osobno dla .limenu. Wcale bym się nie zdziwiła jak by się gryzły z tym style dla <span> masz tam bałagan totalny.

Zacznij te style pisać od początku i jakoś porządniej.
Masz tu na początek skrypt z samym menu w linii:
http://blog.bexlab.pl/tutorials/inline.html

I zobacz jak to można zrobić w kilku linijkach (style)

Ten post edytował JoShiMa 16.12.2008, 16:20:05