Źle wyglądające menu w IE

Stworzyłem coś takiego http://jarekb.xorg.pl/test/

W firefoxie wygląda tak jak tego oczekuję lecz w IE jest źle.

Jak poprawić menu żeby w IE wyglądało tak jak teraz w FF?

Owierałem Twoj link Operą i IE 7 i wszystko wygląda ok.

mam ie 6 i wyświetla źle

u mnie też wszystko ok w IE7 i firefoxie

No dobrze wiedzieć, że pod tymi przeglądarkami jest dobrze ale pod IE 6 jest źle i to trzeba naprawić.

privand a cóż ty to opowiadasz, przecież IE7 też kaszani, porównajcie:

03bfb8e3fdcea5ab.jpg

w pliku css masz:

#menu a

{

  display: block;

  position: relative;

  width: 100px;

  height: 24px;

  text-decoration: none;

  background-image: url(obrazki/bgmenu.gif);

  text-align:center;

  color:#FDF6E7;

  font-size: 13px;

}

a gdzie padding? nie dziw się, że różne przeglądarki różnie (po swojemu) interpretują toto. Na moje śpiące oko pasuje tam padding-top: 8px; i ewentualnie jakiś margin: 0px; tak czy inaczej kombinuj z tymi odstępami, możesz dorzucić też border: 0px;

Jeżeli tylko zrobię tam margin albo padding większe od zera to odstęp jeszcze bardziej się powiększa, w różnych miejscach próbowałem z tymi odstępami wpisując różne wartości i odstęp tylko się zwiększa. ( Jak ja nie lubię IE )

Zamiast

height: 24px;

daj

line-height: 24px;

Jest lepiej ale różnica jest ciągle widoczna.

Proszę spojrzeć teraz http://jarekb.xorg.pl/test