width auto - 50px - CSS forum at WebmasterWorld

I am trying to make a page that will use the full screen no matter what the display settings are set at.

I have my content stretched to the full width but I would like to subtract let's say 50px for a graphic to go down the right side of the screen.

Is there a way to do this.

This is what I have so far

HTML:

</div>
</body>

CSS:

body {
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

#wrapper {
padding: 0px;
width: 100%;
height: auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#header {
position: absolute;
z-index: 1;
width: 100%;
height: 334px;
top: 0px;
left: 0px;
background-image: url("../images/bg_header.jpg");
}

#menu {
position: absolute;
z-index: 1;
width: 182px;
height: 290px;
top: 334px;
left: 0px;
}

#content {
position: absolute;
z-index: 1;
width: auto;
height: auto;
top: 334px;
left: 202px;
background-color:556677;
}

Thanks in advance,
Gary

width auto - 50px