• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Help with CSS in footer template in IE8

mrb1972

Active member
#1
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