Netscape und CSS Einstellungen

[amethyst]

Hallo,
und noch einmal ich, weil das ein anderes Thema ist ;-))

Auf meiner Seite gibt es Menüs und Untermenüs, die in einem externen CSS festgelegt sind.

1. Bei den Untermenüs macht der Netscape Probleme und bringt den Menüeintrag nicht richtig in die Grafik.

2. Außerdem macht der Netscape zwischen den Menüpunkten wesentlich größere Abstände, was die Seite total auseinander zieht.

Hier die betreffenden CSS-Einträge

QUELLTEXT

#menu a {

display:block;

width:150px;height:40px;

background: url("../grafik/schaltflaeche_amethyst_1.JPG") top left no-repeat;

padding:10px 0 0 15px;

font: bold 12px verdana,arial,sans-serif;

color:#afafaf;

text-decoration: none;

}



#menu a:hover {

background-image: url("../grafik/schaltflaeche_amethyst_2.jpg");

color:#ffffff;

}



#menu a:active {

background-image: url("../grafik/schaltflaeche_amethyst_3.jpg");

color:#ffffff;

}



#umenu a {

display:block;

width:150px;height:30px;

background: url("../grafik/schaltflaeche_amethyst_1_klein.JPG") top right no-repeat;

padding:6px 0 0 40px;

font: bold 10px verdana,arial,sans-serif;

color:#afafaf;

text-decoration: none;

}



#umenu a:hover {

background-image: url("../grafik/schaltflaeche_amethyst_2_klein.jpg");

color:#ffffff;

}



#umenu a:active {

background-image: url("../grafik/schaltflaeche_amethyst_3_klein.jpg");

color:#ffffff;

}

Wäre schön, wenn mir da jemand weiterhelfen könnte.

Sicherheitshalber der Link:

www.amethyst-edv.de

Gruß Amethyst[/url]

[Conny]

Hi,
ich meine da wirst Du mit leben müßen, denn IE geht mit 'padding' anders um als Mozilla.
Der Punkt ab wo IE die angegebenen Pixelzahl berechnet ist ein anderer als bei Mozilla -oder so ähnlich- (Hab' da mal was gelesen, weiß es aber nicht mehr so genau... :cry: )

Conny