I dont understand why the div with the menu in it is centered, shouldn’t it be aligned to the left because I have text-align:left in the header div?
Do you see the problem?
My guess is that the div has a fixed width and margin: auto. But it’s just a guess since you didn’t post any code or a link to the page in question.
text-align only applies to inline elements (except in IE5). A div is a block element so its positioning is determined by its margins and whether or not you float it.
oh, my bad
Due to its default margins, the h1 (with logo background image) occupies the space between the ul and the left edge of #header. Set the h1 margins to 0 and the ul will move to the left.