Pflupfel: Nach a:hover zeigt ie nicht den anfangs hintergrund an

Beitrag lesen

So..

hab hier noch nie was gepostet aber hoffe bekomme hilfe :-)

Ich hab ein menü oben auf meiner page wo buttons angezeigt werden.. mit nem festen hintergrundbild über div festgelegt... und dann die buttons als class elemente eingefügt bei denen bestimmt ist das sie bei a:hover en hintergrundbild anzeigen.

Also hier mal mein code für die buttons:

buttons {
 width:780px;
 height:53px;
 background:url(buttoninakt.gif);
 float: right;
  }

.button1 a  {width:156px;   height:53px;   float: right;   text-decoration:none;
}
 .button1 a:hover {background-image:url(buttonakt1.gif);   width:156px;   height:53px;   float: right;
}
 .button1 span {   display:block;   background-image:url(buttonakt1.gif);   width:156px;   height:53px;   float: right; }

.button2 a   {    width:156px;   height:53px;   float: right; text-decoration:none; }
 .button2 a:hover   {   background-image:url(buttonakt2.gif);   width:156px;   height:53px; }
 .button2 span   {   display:block;   background-image:url(buttonakt2.gif);   width:156px;   height:53px;   float: right; }

etc..

/* Buttons oben ende */

Also nun zum probs... beim Firefox ist alles ohne probleme.. aber wenn man beim ie über die buttons fahrt und keinen anklickt und wieder runtergeht zeigt er bei dem letzten button wo man drauf wahr den seitenhintergrund an..

Kann man das irgendiwe beheben?

Mfg Pflupfel