nicht angemeldet
hallo,
habe mir für meine navigation hover buttons mittels css gebaut:
<head>
<style type="text/css">
<!--
a {
display:block;
margin-bottom:2px;
text-align:left;
width:130px;
border-style:ridge;
border-width:1px;
padding:1px;
padding-left:5px;
font-family:Verdana;
font-size:7pt;
font-weight:normal;
text-decoration:none;
}
a:link { color:#00f; background-color:transparent; }
a:visited { color:#00f; background-color:transparent; }
a:hover { color:#ff0; background-color:#00f; }
a:active { color:#ff0; background-color:#a03; }
a:focus { color:#ff0; background-color:#a03; }
-->
</style>
</head>
<body>
<a href="#">..: button1</a>
<a href="#">..: button2</a>
<a href="#">..: button3</a>
<a href="#">..: button4</a>
<a href="#">..: button5</a>
</body>
im mozilla firefox browser gefallen mir die buttons recht gut. im IE verhalten sie sich etwas komisch, beim überqueren mit der mouse ziehen sie sich zusammen, dieser effekt war nicht geplant. wie kann ich dies im IE unterbinden? gibt es vielleicht eine empfehlenswertere methode für hover buttons? wobei mir die css methode doch recht gut gefällt. wie machen es den die profis, oder wie ist der standard solche buttons zu erstellen?
gruß
peter