Beste SD-leden,

Ik ben aan het proberen om een layout te slicen en te basen.
Simpele dingen lukken me wel, maar ik kan wel wat hulp gebruiken.
Ik heb nu een header staan, bg image ook, het menu (horizontaal) is er ook, maar zodra ik de browser kleiner maak gaan alle buttons uit het menu onder elkaar staan.
Dat is het probleem waar ik nu tegen aan ben gelopen.

Waar in de CSS moet ik iets aanpassen om het menu zo te laten zoals het er nu uitziet?

Het is te zien op:
http://tinyurl.com/yf9mfhn

CSS is te bezichtigen op: /stylesheet.css

Verder is het de bedoeling om een content background te creëren, waar die witte ronding van de header in zit moet dus doorlopen naar beneden.

Kan iemand me hierbij helpen? Misschien via MSN?

Alvast bedankt

Probeer eens je <a> height en width te geven.

"a" heeft de volgende height en width
width:165px;
height:44px;

Dit zijn de width en height van de buttons..

Position: absolute; moet je weghalen.

@ J. de Boer
Ja, dat had ik al geprobeert, dan gaan ze niet meer onder elkaar. Maar hoe moet ik het nu dan in het midden van die header krijgen?

De "ul" margin: 0 auto; ipv left: 226px; meegeven.

alles in een #wrapper zetten. #wrapper de breedte van je site geven, height auto en text-align:left. Body geef je text-align:center. En beide: margin: 0px auto;

De "ul" zoals hij er nu uitziet:
ul {
margin:0 auto;
list-style-type:none;
}

Hij is echter nu nog steeds niet in het midden van de header. De header is namelijk groter dan het menu gedeelte..
Aanvullend bericht:
@Allessandro vdw
Misschien heb ik het niet goed gedaan, maar hij is nog hetzelfde als de oplossing van J. de Boer

Dat van de wrapper is inderdaad the way to go,
vergeet mss ook je background color niet op je BODY te zetten ipv html, voor mijn resolutie is je achtergrond te klein (hoogte)

@ M. Van Dam: Bedankt voor die laatste tip, heb het even gewijzigd.

De wrapper wil bij mij niet lukken.
Wrapper staat nu zo bij mij in de css:
#wrapper
{
width: 950px;
height: auto;
text-align:left;
margin: 0px auto;
}

En mn body is nu:
#wrapper
{
width: 950px;
height: auto;
text-align:left;
margin: 0px auto;
}

Wat moet ik precies verstaan onder "alles in de wrapper zetten"? De header en het menu zitten nu bij mij in de wrapper in mn html pagina..
Aanvullend bericht:
Het is gelukt jongens, weet niet of het de juiste manier was
maar ik heb de margin: 0 0 0 28px; ingesteld bij de "ul"

Bedankt!