✔ Mouseover CSS-Buttons im Internet Explorer

[zempsit]

Ich habe bei meiner Homepage, Mouseover CSS-Buttons eingebaut. Im Firefox funktionieren sehr gut. Im Internet Explorer (Version 6...) geben sie zwar beim 1. Laden der Page den Mouseover-Effekt noch richtig raus, doch dann nach dem ersten Klick auf der Page verschieben sie immer das ganze Layout.

Ich habe schon recht viel ausprobiert, aber ich komme nicht drauf woran das liegen könnte.

Link zur Page: http://www.zeman.ch/zempsit/

Die Links im Hauptscript:

 <td class="flaggrechts">
	<div class="buttons">
		<a href="index.php?genus=Home">Home</a>
		<a href="index.php?genus=About">About</a>
		<a href="index.php?genus=Pics">Pics</a>
		<a href="index.php?genus=Contact">Contact</a>
		<a href="index.php?genus=Misc">Misc</a>
	</div>
</td>

Und hier CSS-Definition:

.buttons {
margin:0px 0px 0px -20px;
padding:6px 30px;
font-family:Verdana, sans-serif;
font-weight:bold;
font-size:10px;
white-space:nowrap;
}

.buttons a {
padding:6px 30px;
border:1px solid #BC6161;
font-family:Arial, sans-serif;
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:#FFFFFF;
}

.buttons a:hover {
border:1px solid #BC6161;
font-family:Arial, sans-serif;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;     
background-color:#EC1A1A;
}

 

[Prophet05]

Also mit ist nicht aufgefallen was irgendwie verschoben wäre oder falsch dargestellt wird...

 

[zempsit]

Wenn ich im IE über die Buttons fahre, ändern sie die Grösse und verschieben die Tabelle.

 

[Prophet05]

Ich glaube es liegt daran das du oben für .buttons Verdana als schrift angegeben hast und unten Arial. Der IE verwechslet das glaube ich ein wenig und stellt alles mit Verdana dar bis du drüber fährst dann verwandelt sich die Schrift erst in Arial und dadurch diese Verschiebung...

Ich wüsste da keine wirkliche lösung ausser das du überall die selbe Schriftart verwendest.

 

[zempsit]

Ja, das war es. Vielen Dank!