Re: 1px gap on the left side in Firefox

[apostrophe]

I’m not 100% sure why, but this works;
Wrap the whole thing in a new div called #container and change your CSS to this:

Code:

body {
background:#FFFFFF none repeat scroll 0 0;
font-family:arial,verdana,helvetica,san-serif;
font-size:12px;
margin:0;
padding:0;
}
div#container {
background:transparent url(../images/bg.jpg) repeat-y scroll center center;
margin:0 auto;
width:1024px;
}
ul#menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

I think your problem is caused by the way you built your menu, specifically that 440px bar disguised as a link, it would be better to make a repeating background for it.