so my page works fine in ff but when i look at it in IE for mac every time i
hover over the left nav links it expands the page's width and height. it
just keeps expanding the more times you roll over the links. it doesn't do
it with any links that are not included in this <ul> though so i know it's
something to do with the list. i'm just learning workarounds and have no
idea what would be the problem here.
here's my code. if any has anyone ever seen this before please help.
<div id="navBar">
<ul>
<li><a href="gallstoneResource.htm" id="topBorder">HOME</a></li>
<li><a href="about_us.htm">ABOUT US</a></li>
<li><a href="how_it_works.htm">HOW IT WORKS</a></li>
<li><a href="ingredients.htm">INGREDIENTS</a></li>
<li><a href="doctor_recommended.htm">DOCTOR RECOMMENDED</a></li>
<li><a href="testimonials.htm">SUCCESS STORIES</a></li>
<li><a href="order_now.htm">ORDER NOW</a></li>
<li><a href="questions.htm">QUESTIONS</a></li>
<li><a href="after_you_buy.htm">AFTER YOU BUY</a></li>
<li><a href="contact_us.htm" id="bottomBorder">CONTACT US</a></li>
</ul>
</div>
CSS
-----------------------------
#navBar {
width: 190px;
padding: 0
float: left;
margin-left: 22px;
margin-bottom: 16px;
}
#navBar ul {
list-style-type: none;
padding: 0;
}
#navBar ul a {
color: #004380;
display: block;
text-decoration: none;
padding-left: 6px;
line-height: 18px;
height: 1%;
}
/* borders for top and bottom links in navBar
------------------------------------------------------*/
#topBorder {
background: url(background-images/border-line.gif) no-repeat
6% 0%;
padding-top: 16px;
}
#bottomBorder {
background: url(background-images/border-line.gif)
no-repeat 6% 100%;
padding-bottom: 16px;
}
#navBar ul a:hover {
color: #690B67;
background: #E5E5E5;
border-bottom: 2px solid purple;
margin-bottom: -2px;
}
Jeff
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
