Thanks guys, you're great!

robfenn — Thu, 31 Jan 2008 19:08:14 +0000

The horizontal scroll bar

webwiz — Thu, 24 Jan 2008 23:00:30 +0000

The horizontal scroll bar seems to be caused by the tight layout inside your #topbanner. Eliminating the unnecessary margin-left declaration for #mainmenu seems to fix it my end.

The reason for the left alignment in IE is due to the lack of a DOCTYPE[1] at the start of your HTML. This makes IE (all versions) act like last century's IE 5.0 browser, ignoring a lot of CSS, including the "margin: 0 auto;" declaration that works on all modern browsers to center content.

I also note that you have duplicated a lot of IDs. An ID should be unique within a document. Imagine the U.S. with lots of duplicate Social Security numbers to envision the chaos.

[1] http://www.alistapart.com/stories/doctype/

Hi, it's just a thought, but

Reece S — Thu, 24 Jan 2008 20:26:17 +0000

Hi, it's just a thought, but you could try this:...

#body{
text-align:left;
}

If not, then take that "#" off the "body" line on the top.
Note that this will only align everything to the left, it will NOT make everything fit nice and snug onto your page. It should fix any alignment confusions.

If, in your case, you want everything in the middle, use this:

#body{
text-align:center;
}

Hope this helps