IE Compatibility issues with div tag bg image

Discussion in 'HTML & Website Design' started by davidneekmaster, Mar 7, 2009.

0
  1. #1
    Hi all,
    I was wondering if I could get some help. I'm working on a fairly simple layout and having some cross compatibility issues. I have a background image that i am using that I need to mesh seamlessly with a tile i have in a div tag. Below is some of the code and the url link is the following

    ]http://www.athletesadvantageusa.com/hscombine/

    It shows up fine in mozilla and safari but in IE the background image within the div is pushed down. What do i do to get it aligned properly.

    <code>

    body
    { background: white url(images/body-bg.png) repeat-x scroll center top;
    color:#000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    }

    #underbar
    { background: white url(images/underbar.png) repeat-x scroll center top;
    width: 100%;
    height: 24px;
    }

    <div id="underbar"></div>

    </code>
     
    davidneekmaster, Mar 7, 2009 IP
  2. M.Mulligan

    M.Mulligan Active Member

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    73
    #2 
    
<code>

body 
{ background: white url(images/body-bg.png) repeat-x scroll center top;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

#underbar 
{ background: white url(images/underbar.png) repeat-x scroll center top;
width: 100%;
height: 24px;
}

<div id="underbar"></div> 

</code>
    HTML:
    you should put your post in html tags next time ;] so its easier to read
     
    M.Mulligan, Mar 7, 2009 IP