Footer not showing

[SlyOne]

Hi,

Having a bit of difficulty in trying to get my footer image to appear. Its a simple bar with a gradient and repeat through x. Here's my code:

HTML:



<div class="clearfooter"></div>
<div id="footer">

<div id"footerImage">

<p><a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict</a>

<a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS!</a></p>
</div>

</div>



The CSS:



#footerImage {
background: url("images/footer.jpg") repeat-x #FFFFFF;
text-align:center;
width: 100%;
height: 100px;
}

.clearfooter {
height: 40px;
clear: both;
}



Any ideas why its might not show up? I've double and triple checked the location of the image and its name. I even chucked it into the HTML code in an <img src> and it showed up then but not via the CSS :(

cheers for any help in advance and if you need more code, let me know

[SlyOne]

I've also looked through the rest of my CSS and i'm calling all the other background images in the same way and they all show up fine. So at the moment very confused as to why the background footer image doesnt want to show its face.

[SlyOne]

nevermind, solved.