Instelling even grote buttons met horizontale navigatie

[pieter1970]

Hoi iedereen,

Ik heb me dan toch maar aan het oefenen van rollovers gewaagd.
Maar ik zit met het volgende:

Bij een vertikaal menu krijg ik de knoppen wel even groot (150x50)
Maar bij een horizontaal menu heb ik nu allemaal verschillende knop groottes.
Hoe kan ik dit qua afmeting hetzelfde krijgen als het verticale?

Dit is de code voor het horizontale menu:

#horizonnav {
width: 750px;
border: 1px solid #990000;
height: 50px;
}
#horizonnav ul {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
list-style-type: none;

}
#horizonnav li {
display: block;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
float: left;

}
#horizonnav a {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding-top: 6px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
#horizonnav a:link, horizonnav a:visited {
background-image: url(50snav_outb.gif);
border: 1px solid #FF0000;
width: 150px;
}
#horizonnav a:hover, horizonnav a:active {
background-image: url(50snav_overr.gif);
}

Vriendelijke groet,

Pieter

 

[Piro]

door een width mee te geven aan je li of a (als ie op display block staat)

 

[pieter1970]

Hallo Piro,

http://home.wanadoo.nl/pcoertje/indexb.html

Tot zover ben ik nu gekomen....
Het probleem nu is dat ik in IE en Opera de juiste posities heb (nl. precies in de linkerhoek aan de bovenkant) maar in FF niet.
Onder het menu komt een header en daar onder weer een button rij.
Ik heb al verschillende dingen via internet uitgeprobeerd maar het wil maar niet lukken.

Vriendelijke groet,

Pieter