Darstellungsprobleme von Speciallinks mit Chrome und Safari

[mapl-connect]

Hallo,
Ich habe in den Header Speciallinks wie Sonderangebote , Bestseller usw eingebaut. Diese funktionieren auch, die Positionen sind mit Opera Firefox und IE identisch, werden aber mit chrome und safari falsch dargestellt. Erst dachte ich sie wären gar nicht dargestellt bei genauerm hinsehen sind sie unter die Kategorie verschoben.
mapl-connect.eu Onlineshop für Elektronik, Modellbau und Technik

#speciallinks {
height:10px;
background-color:#fffff;
margin: 0 auto;
text-align: center;
background-color: #ffffff;
}
#speciallinks li {
float: left;
padding-left:0px ;padding-right:15px;
font-size:1em ;
background:none
}
#speciallinks ul {
clear: both;
padding:0 0 0;
font-size:1em
background-color:#ffffff;

}
#speciallinks a {
color:#666666;
text-decoration:underline;
font-size:1em
}
#speciallinks a:hover {
color:#0099cc;
text-decoration:none;
}
hat jemand ein Ahnung oder weiß sogar wass man umschreiben sollte.
Danke

 

[adelheid_f]

AW: Darstellungsprobleme von Speciallinks mit Chrome und Safari

Hallo

stell diesen Wert mal höher:

#speciallinks {
     height:[COLOR=#FF0000]10[/COLOR]px;

Liebe Grüße
Adelheid

 

[blackrose]

AW: Darstellungsprobleme von Speciallinks mit Chrome und Safari

Die #speciallinks haben durch den float auf die li keine automatische Höhe. Diese Änderung müsste eigentlich helfen:

#outer_wrapper {
clear: both;
float:none;
}

Oder Du gibst Höhe 20px auf die #speciallinks, 10 werden wie adelheid_f schon sagte nicht ganz reichen.