Can someone help please?

Hello :) Im coding a layout and well .. in GC and FF it is fine but in IE it has gone wierd
http://img.habboupload.com/1235828339.png
Can anyone help?
Here is the div in the style:

HTML Code:

---

}
#nav_top {
 background-image: url(imgs/nav_top.png);
 width: 769px;
 height: 4px;
}

---

And here is the div in the body:
<div id="nav_top"></div>
+ rep to all helpers ;)
Thanks!
Edit- I've just added the nav foot to see if it improves at all but it just does the same as the header :S

Dw, i've found a way around it :)

Is this IE6 or 7?
If its IE6, try adding:

display:inline; to your CSS.

Code:

---

#nav_top {
  background-image: url('imgs/nav_top.png');
  overflow: hidden;
  height: 4px;
  width: 769px;
}

---