Put an image at background but it shows up in wrong place with Firefox

[Ready]

This looks as it should in I.E. but in Firefox the picture is way off....or doesn't show. Is there a way to fix this?

Screwy background :scared:

[Spe92002]

Hello,

I asked a browser question yesterday and my response was IE doesnt get the html code right. So you should make your website also on firefox and test on both firefox and IE


Hope this helps,

Spe92002

[pennyf]

I had that problem. I put the images in divs and used absolute positioning and margin-left (plus top position) and it now looks the same in both. The picture is placed inside the container div, after all the other structure & content divs. This is a centred layout, so I've shown the css for that too.

body {
text-align: center; /*hack for IE*/
min-width: 740px;
}

#container {
width: 700px;
margin: 0 auto;
text-align: left; /*reset due to hack for IE*/
}


#picture {
width: 300px;
height: 270px;
position: absolute;
top: 20px;
margin-left: -220px;
background-image: url(image path & name);
background-position: top left;
background-repeat: no-repeat;
}


Hope this helps