Menu rozłazi się na Firefox, Chrome i IE działa dobrze

Dla specjalistów Webmastering
#1

Moja strona: http://www.speedyshare.com/files/264110 … na_WWW.zip (do otworzenia lokalnie)

Wiem, że niektórzy znają już pewnie moją stronę na pamięć, ale ja niestety znowu mam problem i jak zwykle nie potrafię go sam rozwiązać :?

Kłopot w tym, że menu wygląda w Firefox’ie nieciekawie. W Chrome i IE6 jest dobrze.

Jak to rozwiązać?

#2

93187071.th.png

Co Ci się rozłazi?

#3

U mnie wygląda to tak:

zrzutekranuaa.th.png

Mam Firefox 3.6.13

System to Ubuntu 10.04 32bit

#4

Nie ustawiłeś wielkości czcionki, a domyślnie są one różne pod IE i np. w Firefoksie.

Przy okazji warto wiedzieć, że w IE padding jest wliczany do szerokości diva, a w innych przeglądarkach nie, co czasami też powoduje rozsypywanie się strony.

Takie zmiany powinny wystarczyć.

UL#NAV LI {

    display: inline;

margin-left: 47px;

margin-right: 0px;

  }

UL#NAV LI A {

    padding: 5px 20px;

    margin: 0px 2px;

    border: 1px solid #FC6A08;

    background-color: #FCA908;

    text-decoration: none;

    text-align: center;

    color: black;

font-size:16px;

  }
#5

Niestety Twój kod nie pomógł. Gdy ustawiłem jednak czcionkę do 14px, to w Firefox już menu się nie rozchodzi, ale za to jest przesunięte bardziej w prawo, a w Chrome w lewo. Nie wiem już co mam zrobić.