Problem with webpage background in Firefox

HTML & CSS
1

First post! Woohoo! I’m obviously a Nu Bee…so please forgive::eye:

In my CSS, my <body> tag is this:

body {
background-color: white;
font-family: verdana, helvetica, sans-serif;
background-image: url(background.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}

In IE 8 it’s centering my image (just as I wish) but in FF it’s centering it up also sending it through the top of the page so I only see the bottom peaking out from the top. (I hope that makes sense.)

Any suggestions?

Thanks in advance.

2

I figure it out. I hope I didn’t waste anyone’s time:-)

For anyone else with the same problemo though, here’s what worked for FF:

background-position: center top;

3

Glad you figured it out (and sorry we missed your thread, although you solved it within minutes ;)).

In the future, with such vague questions as those, a link would be preferable so we can see the effect (or at least full HTML/CSS to replicate it (though since yours was an image based probelm a site would be best)

And of course thanks for posting your solution to those who may come across this with the same issue :tup:

4

Will do, Ryan. Thanks for your help!