Forum Moderators: not2easy
#orangebanner in the background that extends 100% of the browser window width doesn't show up in IE 7. I have the orange bar in a blank div, absolutely positioned. It works fine in safari, FF, IE8 and opera. It may in fact be showing up, but with a left margin... if you need more code let me know.
don;t look at it in IE6, transparency issues screw it up to hell, will be redoing some aspect of that later.
here is the css for the orange bar.
#orangebar {
background:url(images/orangebg.png) repeat-x 0 0;
width:100%;
height:108px;
margin:0px;
top: 124px;
position: absolute;
z-index: -1;
}
<body>
<div id="orangebar"></div>
<div id="wrapper">
<div id="header">
<div id="nav">
<ul>
<li id="services"><a href="services.php">Services</a></li>
<li id="about"><a href="index.php?page=home">Who We Are</a></li>
<li id="contact"><a href="index.php?page=contact">Contact</a></li>
</ul>
</div>
<div id="logo"><h1><a href="index.php?page=home">A Closer Bond</a></h1></div>
</div><!-- END Header-->
<div id="orangebar">
.......
</div>
