Hey gang.
I'm having issues with my header. When someone resizes the page small enough, the right image clips below the header. I've fixed the problem in mozilla with min-width, but IE no likey that parameter, so i turn to you. The people.
here is the CSS:
body{
margin-top:0px;
margin-left:0px;
margin-right:0px;
}
#header{
background:url(../graphics/headerbg.jpg) repeat-x;
min-width:700px;
width  ;
height:200px;
}
#hdrlogo{
float:left;
background:url(../graphics/logoleft.jpg) left no-repeat;
width: 420px;
height:200px;
z-index:10;
}
#hdrright{
overflow:hidden;
top:0px;
float:right;
background:url(../graphics/header_right.jpg) right no-repeat;
width: 196px;
height: 200px;
z-index:5;
}
and the xhtml:
<body>
<div id="header">
<div id="hdrlogo"></div>
<div id="hdrright"></div>
</div>
</body>
I've also messed with the nesting of the logical divisons, but it doesn't work.
HELP!
sammers |
