Menu w każdej przeglądarce wygląda inaczej

Dla specjalistów Webmastering
#1

Witam. Menu w Operze wygląda tak jak powinno. W Firefoxie jest za nisko a w badz IE wiu po najechaniu na link tło napisu źle się zmienia.

Porównajcie jak to wygląda w Operze bo tam jest tak jak tego chcę.

Proszę o pomoc w poprawieniu, oto moja strona http://jarek.cal.pl/bs/

#2

każda przeglądarka inczej interpretuje dokument. Po porstu muszisz każdy atrybut dostosować do swoich potrzeb. Jakbyś pokazał kod, mógłbym coś więcej powiedzieć.

#3

adres pliku css to http://jarek.cal.pl/bs/style.css a strony http://jarek.cal.pl/bs/

#4 
dl dd a {

  float:left;

  background:transparent url('obrazki/besecure_06.gif') repeat;

  line-height:43px;

[color=#FF0000] padding-left:5px;

  padding-right:5px;[/color]

  font-size:10px;

  text-decoration:none;

  color: #ffffff;

  display:inline;

}

dl dd a:hover {

  float:left;

  background:transparent url('obrazki/besecurea_06.gif') repeat;

  line-height:43px;

[color=#FF0000] padding-left:5px;

  padding-right:5px;[/color]

  text-decoration:underline;

}

Wydaje mi się (choć tylko wydaje), że błąd jest tam gdzie zaznaczyłem. Jeżelibyś do dl dd i a oddzielnie zdefiniował styl to chyba byłoby dobrze (padding rozbija obrazki). Spróbuj wyeliminować padding z dl i dd, a zostaw tylko w a.

#5

Niestety nie pomaga.

Kombinuje tak jak podpowiedziałeś żeby rozbić style ale nic nie dało, nawet paddingi pousuwałem a menu najwyżej pojawia się pod wszystkimi divami :confused: