I design a website layout CMS based, the problem here is i don't understand why my background image(shadow image) is not showing when i float the div to none, the image will only show when the div is float to left.
below is a tiny part of my css code,
#wrapper {
width: 1030px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/shadow.jpg);
background-repeat: repeat-y;
float: none;
}
#contentwrap {
width: 990px;
margin-left: auto;
margin-right: auto;
}
the image is located in the wrapper div, it's actually to create a drop shadow effect for the content.
p/s: my other images work perfectly fine, the browser that i use to test the layout are firefox, chrome, ie, safari, and opera.
below is a tiny part of my css code,
#wrapper {
width: 1030px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/shadow.jpg);
background-repeat: repeat-y;
float: none;
}
#contentwrap {
width: 990px;
margin-left: auto;
margin-right: auto;
}
the image is located in the wrapper div, it's actually to create a drop shadow effect for the content.
p/s: my other images work perfectly fine, the browser that i use to test the layout are firefox, chrome, ie, safari, and opera.