ie8 background imge problem

HTML & CSS
1

Hi guys.
Having a problem in IE8 (and probably other browsers!)
I’m developing a site for a friend - you can see here:

http://www.eventstar.co.uk/www

If you open that site in Firefox it renders correctly, but when you look at it in IE8 there are a few problems.
The one concerning me at the moment is the fact the gradient background is not bleeding through on the header.

Can anyone advise on this please?

css:

body {margin: 0; padding: 0; color: #FFF; background-image:  url("../images/tile_bg2.png"); font-family:  "Myriad Pro", "Trebuchet MS", Helvetica, Verdana, Arial, Helvetica, sans-serif; font-size: 90%;}
h1 {background-image:  url("../images/logo.png"); background-repeat: no-repeat; background-position: left top; height: 41px; width: 218px; margin-top: 25px;}
h1 span {display: none;}
img {border: 0;}
a  { outline: 0;}

.container {width: 960px; margin: 0 auto; background-image:  url("../images/tile_bg2.png"); }

.header {clear:both; min-height: 109px; background-image: url("../images/header_bg.png"); background-position: bottom left; background-repeat: repeat-x;}


<div class="header">
  <div class="container">
    <div class="title">
      <h1><span>Eventstar - Eventstar.co.uk</span></h1>
    </div>
    <div class="socials">
      <li><a href="http://twitter.com/home?status=Currently reading http://www.evenstar.co.uk" title="Share on Twitter" target="_new"><img src="images/twitter_icon.png" alt="Twitter Icon" /></a></li>
      <li><a href="javascript:void(window.open('http://www.myspace.com/Modules/PostTo/Pages/?u='+encodeURIComponent(document.location.toString()),'ptm','height=450,width=550').focus())" target="_parent" title="Share on MySpace"><img src="images/myspace-icon.png" alt="MySpace Icon"/></a></li>
      <li><a href="https://www.facebook.com/sharer/sharer.php?u=http://www.eventstar.co.uk" title="Share on Facebook" target="_new"><img src="images/facebook-icon.png" alt="Share on Facebook"/></a></li>
      <li><a href="http://www.bebo.com/c/share?Url={http://www.eventstar.co.uk}&amp;Title={Evenstar.co.uk}" title="Share on Bebo" target="_new"><img src="images/bebo-icon.png" alt="Bebo Icon"/></a></li>
    </div>
  </div>
</div>

Thanks.
DS

2

Never mind!
Got it worked out… wrong bg image! D’oh!

3

Glad you sorted it :slight_smile: It’s always the little thinngs that catch us out.