Help with CSS in footer template in IE8

mrb1972

Active member
Hi,

I am trying to add a background image to the main footer container template.

Code:
<footer> - (applied css to this label)
<div class="footer">
<div class="footerLegal">
</footer>

so I added the the following the extra.css (without the . or #)

Code:
footer {
background: url("styles/default/xenforo/forum-footer.png") repeat-x scroll center bottom #8A0000 !important;
border-top: 5px solid #5F0000;
margin-top: 15px;
padding-bottom: 50px;
padding-top: 10px;
}

Now this works fine in all the latest browsers but IE8 just ignores the css and dosent show the background, does anyone know why or how to work around it?

thanks
 
Top Bottom