Menu hover mit CSS ein fehler bei ie.

[Dennis. s]

Guten Abend,

ich habe über CSS ein Menu gemacht mit „hover effekt“, dieses funktioniert einwandfrei im Mozilla Firefox, öffne ich dieses im Internet Explorer gibt es Probleme, nämlich das Bild schneidet es am ende ab, woran liegt das?

Mit freundlichen Grüßen Dennis

Code von .CSS:

#menu1 a
{
display: block;
background-image: url(1.jpg);
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 3px;
padding-top: 3px;
margin: 0px auto;
border: solid 0px #000000;
}

#menu1 a:visited
{
background-image: url(1.jpg);
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 3px;
padding-top: 3px;
margin: 0px auto;
border: solid 0px #000000;
}

#menu1 a:active
{
background-image: url(1.jpg);
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 4px;
padding-top: 4px;
margin: 0px auto;
border: solid 0px #000000;
}

#menu1 a:hover
{
background-color: #000000;
background-image: url(2.jpg);
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
width: 139px;
padding-left: 15px;
padding-bottom: 3px;
padding-top: 3px;
margin: 0px auto;
border: solid 0px #cccccc;
}