Here is my main page code:

<!-- FULL IMAGE BACKGROUND AREA - DELETE TO REMOVE -->
<div id="back-ground-img">
<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0" class="printhide">
<tbody><tr><td><img width="100%" height="100%" src="picts/background-services.jpg"><br>
</td></tr></tbody></table>
</div>
<!-- FULL IMAGE BACKGROUND AREA - DELETE TO REMOVE -->

Here is my css:

#back-ground-img {
z-index:0;
visibility:visible;
position:absolute;
left: 0px;
top: 0px;
width:100%;
height:100%;
display:block;
}



In Firefox, the background is blown up - i.e. I cannot see the whole thing. In explorer, I can see the whole background nicely. What do I need to do to make it uniform?