mylow: Problem mit IE und CSS Menü

Moin,

ich habe ein Problem mit dem CSS meiner Homepage. Safari und Firefox zeigen die Seite richtig an. Nur der Internet Explorer macht Probleme. Wenn ich mit dem TAG visited arbeite zeigt er es im IE richtig an, jedoch nicht mehr im Firefox.
Findet Ihr einen Fehler?

#menu1 {
 margin: 0em 0; padding:0 0em; }

div.outer1 {
 float: down;
 width: 175px; height: 25px;
 margin: 0 0 5px 0;
 background: url( 'images/navi/button1.gif' ) 0 -25px no-repeat;
 }

div.outer1 a {
 display: block;
 margin: 0; padding:0;
 width:100%; height:100%;
 overflow:hidden;
 font-size: 13px;
 font-family: Helvetica, Arial;
 color: #FFFFFF;
 text-decoration: none;
 background: url( 'images/navi/button1.gif' ) top left no-repeat;
 }
div.outer1 a:hover {
 font-size: 13px;
 font-family: Helvetica, Arial;
 background-image: none;
 color: #01426A;
 text-decoration: none;
 }

div.outer1 span {
 display: block;
 margin:0; padding: 7px 0 0 9px;
 }

div.outer1 a.select { background: url( 'images/navi/button12.gif' ) top left no-repeat; color:#01426A; }

#menu2 {
 margin: 0em 0; padding:0 0em;
 }

div.outer2 {
 float: down;
 width: 175px; height: 25px;
 margin: 0 0 5px 0;
 background: url( 'images/navi/button2.gif' ) 0 -25px no-repeat;
 }

div.outer2 a {
 display: block;
 margin: 0; padding:0;
 width:100%; height:100%;
 overflow:hidden;
 font-size: 13px;
 font-family: Helvetica, Arial;
 color: #FFFFFF;
 text-decoration: none;
 background: url( 'images/navi/button2.gif' ) top left no-repeat;
 }
div.outer2 a:hover {
 background-image: none;
 font-size: 13px;
 font-family: Helvetica, Arial;
 color: #3B5B81;
 text-decoration: none;
 }

div.outer2 span {
 display: block;
 margin:0; padding: 7px 0 0 9px;
 }

div.outer2 a.select { background: url( 'images/navi/button22.gif' ) top left no-repeat; color:#01426A; }

Vielen Dank schon im vorraus.