Menu
I’m using the following code to fill a page with a centered background image.
My html:
[CODE]<div id=”bg”>
<img src=”images/bg.jpg” alt=””>
</div>
My Css:
[CODE]#bg {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
}
#bg img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:50%;
min-height:50%;
}
This works as I’d like in current browsers other than Opera.
Opera doesn’t position the image at center.
Can someone provide me with a fix?
My site: [url]http://www.robindean.com/