IE und CSS Höhenproblem?

Zuyas

Hallo,
Da es Leute gibt die den Internetexplorer nutzen, ich diese natürlich nicht auf meiner Seite benachteiligen möchte, arbeite ich zur Zeit an einem ungewöhnlichen Problem bei der darstellung vom Menü.
Ich habe mein Menü in der style.css:

.links_menu_news{
  background-image:url(./images/menu_links_attribute/news_0.png);
  width:170px;
  height:15px;
  display:block;
}

.links_menu_news:hover, .links_menu_news:focus{
  background-image:url(./images/menu_links_attribute/news_1.png);
}

.links_menu_news:active{
  background-image:url(./images/menu_links_attribute/news_2.png);
}
...

Das hat alles im FF super geklappt, als ich dann mal im IE schaute stellte ich fest, dass die Buttons unten wieder mit dem oberen teil des Bildes anfingen.

Nach einigem rumtesten kam ich dann zu der Erkentniss dass der IE wohl die Bilder erweitert, da er mit der höhe von 15px nicht zurecht kommt. Er erweitert die Bilder auf eine höhe von ca. 18px.

Kann das wer bestätigen? Oder noch besser, hat jemand ne Lösungs ohne die Bilder größer machen zu müssen?

Gruß

PRIEST

is das box problem von ie

Zuyas

Kann ich irgendwas machen oder müssen die jetzt damit leben?

Zuyas

okay...
hatte die .css so eingebunden:

<link rel="stylesheet" type="text/css" href="./style.css" media="screen">

habs jetzt mal so gemacht und dann gings!:

<style type="text/css">@import url(style.css) all;</style>