Background image is not displaying in IE6 and IE7
Posted
by saorabh
on Stack Overflow
See other posts from Stack Overflow
or by saorabh
Published on 2010-05-21T11:36:35Z
Indexed on
2010/05/21
11:40 UTC
Read the original article
Hit count: 195
I Have 3 divs HTML MARKUP
<div class="top-content-wrapper"></div>
<div id="content-wrapper">
</div>
<div class="bottom-content-wrapper">
</div>
Applied CSS on
.top-content-wrapper {
background:url("img/white-box-top-bg.gif") no-repeat scroll left top transparent;
height:10px;
margin:0 auto;
padding:0 30px;
width:686px;
}
#content-wrapper {
background:url("img/white-box-middle-bg.gif") repeat-y scroll left top transparent;
margin:0 auto;
padding:10px 25px 70px;
width:696px;
}
.bottom-content-wrapper {
background:url("img/white-box-bottom-bg.gif") no-repeat scroll left top transparent;
height:53px;
margin:0 auto;
padding:0 30px;
width:686px;
}
In all major browsers its working fine but in IE6 and iE7 the background is not displaying please help me. Thank you.
© Stack Overflow or respective owner
