By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
431,882 Members | 2,082 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 431,882 IT Pros & Developers. It's quick & easy.

IE not breaking out of <div> to display border?

P: n/a
My code is thus:
<div id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Phazm</a></li>
<li><a href="#">Services Offered</a></li>
<li><a href="#">Request Services</a></li>
<li><a href="#">CEO Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

style:
#navigation {
background-color:#94cc5d;
height:1.2em;
}

#navigation a {
color:#121212;
}

#navigation a:hover {
color:#5F5F5F;
border-bottom:thick solid #94cc5d;
}
#navigation ul li {
display:inline;
padding-right:1.2em;
}
In FF, this works great, but IE is stopping the border-bottom from
showing, due to the encapsulating div tag.

Oct 18 '06 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.