my navigation works best with other browsers except only IE 7,what could be the problem.css below

#nav_contain{
       /*height: 42px;*/
             margin-top:85px;
                  border-bottom: 1px solid #ccc;
          height:80px;
          z-index:1000;
    }

#nav li
 { 
      float: left;
      display: block;


  }


#nav li a { 
    float: left;
    width: 119px;
    height: 40px;
    border-right: 1px solid #999999; 
    font-size: 120%;
    text-decoration:none; 
    padding: 8px;
    color:#000000;
    z-index:1000;
  }

#nav li a:hover, #nav a.selected { 
    font-weight:bold;
    /*background:#e67f2e;*/
    background:#17446B;
    color:#FFFFFF;

}
#nav li.current_page_item,#nav li.current_page_item   {
   /*color: #ffffff;*/
  /*background: #e0e4cc;*/
  /*background:#cf6517;*/
  color:#000000;
  font-weight:bold;
}

html...

<div id="nav_contain">

                <ul id="nav">
                    <li class="home current_page_item"> <a href="http://test.lwfuganda.org" title="Go Home">Home</a></li>
<li class="page_item page-item-14"><ahref="http://test.lwfuganda.org/?page_id=14" title="About LWF Uganda">About LWF Uganda</a></li>
<li class="page_item page-item-15"><a href="http://test.lwfuganda.org/?page_id=15" title="What We Do">What We Do</a></li>
<li class="page_item page-item-60"><a href="http://test.lwfuganda.org/?page_id=60" title="Useful Links">Useful Links</a></li>

<li class="page_item page-item-62"><a href="http://test.lwfuganda.org/?page_id=62" title="Contact Us">Contact Us</a></li>
</ul><!-- /#nav -->
</div>

Thanks

  • Post a live page. No one is going to piece your snippets together. Nathan Duran almost 9 years ago

1 answer

153351 5
0
points

It's the way IE7 handles the padding. Don't use vertical padding in your calculation. Remove the padding from the anchors and just use the height to see what I mean.

Answered almost 9 years ago by 153351