Horizontale lijst?

    ul.horizontaal {
        list-style-type: none;
    }
    ul.horizontaal li {
        float: left;
        width: 200px;
    }

Ja dat werkt. Maar hoe krijg ik die <li> nu minder hoog? Ik heb de lettertype veranderd en nu wil ik die "hokjes" kleiner.

http://www.alliantiebabylon.nl/ed/test.html

/************* #globalNav styles **************/

ul.horizontaal a {
	font-size: 70%;
	color: #000000;
	text-decoration:none;
	display: block;
	padding: 0px;
	margin: 0px;
}
ul.horizontaal a:hover {
	color: #000000;
	text-decoration:none;
}

ul.horizontaal {
	list-style-type: none;
}
ul.horizontaal li {
	float: right;
	border-left: 1px solid #666666;
	padding: 0px 5px;
}
ul.horizontaal li:hover {
	background-color: #CCCCCC;
}

Heel erg bedankt Jan. :) Dit werkt perfect.

Nog even ter aanvulling: door de <a>'s die in de <li>'s staan een display: block te geven, wordt ineens ook het hele vakjes waarin ze staan aanklikbaar. Probeer maar even uit, dan snap je het wel.

Normaal gesproken is van een link alleen de tekst aanklikbaar, maar zodra je hem in een menu zet, hoort het hele oppervlak van het menu-item aanklikbaar te worden.

Ja, ik had niet in de gaten dat dat ook werkte. Dat was namelijk mijn 2e vraag. Maar die is nu al beantwoord. Bedankt!

ja... dit werkt meeestal voorzover ik weet alleen in FF, niet in IE