I have a DIV which is acts as a footer background below a container and when i set the top margin on it so it positions how i want, it displays okay in firefox but in IE the div appears to be lower, does anybody know a fix for this

here are the CSS elements i have used in the style

#fbg{
height: 45px;
background-repeat:no-repeat;
background-color: #0099ff;
margin-top: 25px;
}


FF
http://img516.imageshack.us/img516/4479/firefoxfy0.jpg

IE
http://img337.imageshack.us/img337/5048/ie7an8.jpg

Can we see the rest of the code ? Hard to say what the solution is w/o seeing everything.

Is it necessary to post the entire style/html?

<!-- these are the last 2 divs inside the container -->

<div class="clearfix" id="footmenu" >
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">designs</a></li>
<li><a href="#">sitemap</a></li>
<li><a href="#">contact us</a></li>
</ul>
  </div>
</div>

<div id="fbg">
<p class="fbgtext">&nbsp;</p>
</div>
</body>
</html>

#footmenu{
    height:43px;
    background-color:#EAEAEA;
    clear:both;
    float: right;
    width: 755px;
    text-decoration: none;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #D3D3D3;
    position: relative;
 }
 
#fbg{
    height: 45px;
    width:auto;
    margin:0;
    padding:0;
    background-color: #0099ff;
    margin-top: 25px;
    float: none;
}

A link to the page would do.

I've not uploaded the site anywhere as its not finished, but i've posted screenshots of how it looks in ff and ie

FF
http://img516.imageshack.us/img516/4479/firefoxfy0.jpg

IE
http://img337.imageshack.us/img337/5048/ie7an8.jpg

<div class="clearfix" id="footmenu" >
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">designs</a></li>
<li><a href="#">sitemap</a></li>
<li><a href="#">contact us</a></li>
</ul>
  </div>
</div>

What is the second div closing?

i just realised #fbg is below the bottom link menu, so the second div closing is the container

anyone know a possible fix for this?

Like I said before, all of the code really IS necessary get the whole picture of what's going on.

I would run a check on your markup at W3C (http://validator.w3.org/) including the CSS validator (http://jigsaw.w3.org/css-validator/)

As posted previously, without the full code, anything's possible. Firefox and IE don't handle invalid markups the same way.