How come this relative positioned div is displayed differently in IE?

Posted by Camran on Stack Overflow See other posts from Stack Overflow or by Camran
Published on 2010-05-10T14:05:19Z Indexed on 2010/05/10 14:14 UTC
Read the original article Hit count: 146

Filed under:
|
|
|
|

What is with these microsoft browsers? Does microsoft ever do a good job at anything...

Anyways, I have a relative positioned div inside another div. The inside-div is positioned with percentage (left: 0%; top:13%).

My problem is that in all IE versions the div is displayed some pixels further down than where it is displayed in Chrome, or FF...

Anybody recognize this?

   <div class="nav_container" id="nav_container">
   <div id="nav_container2" style="position: relative; left: 0%; top: 13%;"></div>
   </div>

Also, I am just about to browser adjust my website so some article about most common problems with IE is appreciated.

Thanks

UPDATE:

Here is the style for the primary div.

.nav_container {
    background-image: url(../Graphics/menu_lvl1.gif);
    height: 101px;
    width: 720px;
}

© Stack Overflow or respective owner

Related posts about html

Related posts about css