• 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


Active member

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

<footer> - (applied css to this label)
<div class="footer">
<div class="footerLegal">
so I added the the following the extra.css (without the . or #)

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?