I have a header image that is about 273 pixels tall and 2000 pixels wide, my HTML code looks something like this,
body class="body" onload="runSlideShow()">
<div><img src="/images/header.jpg" class="header"/></div>
<div class="wrapper">
<div class="borders">
<div class="content">
My CSS for header is simple
.header {
background: url('/images/header.jpg');
}
The problem is, without width 100% on the header I get a horizontal scroll bar all the way to 2000 pixels, If I add width 100% to the .header css... The header image shrinks in height to about 200pixels... and my text shrinks to the left?