Kärt problem har många namn,
XHTML:
<div class="buttonarea">
<ul id="nav">
<li class="first">
Hem
[*]
Hem
[*]
Hem
[*]
Hem
[*]
Hem[/list] </div>
--------------------------
CSS:
--------------------------
ul#nav, ul#nav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
ul#nav {
font-family: "Trebuchet MS", Verdana, "Arial Rounded MT Bold";
font-size: .82em;
}
ul#nav li a {
border-right: 1px solid #641b15;
display: block;
float: left;
padding: 2px;
width: 80px;
text-decoration: none;
}
.first a {
color: #009999;
margin: 0 0 0 12px;
}
ul#nav li.first li a {
padding: 80px 0 0 0;
}
ul#nav li a:hover {
background-color: #009966;
}
------------------
GER DENNA MENY:
______________
-------------------
PROBLEM:
-------------------
Menyn fungerar inte i IE6, FF2 och Safari visar den korrekt.
Kan någon hjälpa mig? Finns det en lösning för menyer med float:left? (alltså horisontella)