Div stretch to 100% widdth

1

I can’t believe such a simple thing is causing me to lose sleep! :stuck_out_tongue_winking_eye:

I just want a div layer that stretches the width of a page without scrollbars! That’s all!

Setting width: 100%; sure doesn’t work. Naturally :stuck_out_tongue:
There are small gaps to the left and right of my layout. I tried specifying 0 for any type of margin, padding, or border, but still, no dice.

Anyway, I tried setting margin:left and right, which is partial success, because now the left side is reaching all the way to the edge of the browser. But the right side continues to elude me.

Anyway, here is the layout:
http://www.mackendrick.com/brunner/

I want the orange stripes to go from one end to the other with no scrollbars.
Here is the content of my CSS file

body {
background-attachment: fixed;
background-image: url(brunner_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
overflow:-moz-scrollbars-none;
overflow:-ie-scrollbars-none;
padding: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: none;
border-width: 0px;
}
.mainText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #FDA44A;
text-align: left;
text-indent: 5px;
display: block;
}