Jump to content

Drop down menu shadow in IE


lauralee

Recommended Posts

I have set up a drop down menu using only CSS that looks like a manilla file folder tab and works great in Mozilla Firefox, but in IE a partial tab to the left of the first tab appears thereby making the navigation bar look bad, and overruns the space allotted. I remember reading something about a ghost effect in IE that shows up sometimes, but I don't remember what the fix is. How can I get rid of that ghost li element in IE?Below is my navigation code:<ul id="nav"> <li><a href="http://www.raton.info.com/">Home</a></li> <li><a href="http://www.raton.info.com/about_us">About Us</a></li><li><div> <a href="http://www.raton.info.com/our_community/">Our Community</a></div> <ul class="none"> <li><a href="/art_culture">Arts & Culture</a></li> <li><a href="/business/">Business</a></li> <li><a href="/dining/">Dining</a></li> <li><a href="/education/">Education</a></li> <li><a href="/health/">Health Services</a></li> <li><a href="/real_estate/">Real Estate</a></li> <li><a href="/outdoor_recreation/">Outdoor Recreation</a></li> </ul> </li> <li> <div><a href="/area_attractions/">Area Attractions</a></div> <ul class="none"> <li><a href="/capulin/">Capulin Volcano National Monument</a></li> <li><a href="/nra_whittington/">NRA Whittington Center</a></li> <li><a href="/aquatic_center/">Raton Aquatic Center</a></li> <li><a href="/native_garden/">Santa Fe Trail Native Plant Garden</a></li> <li><a href="/sugarite/">Sugarite Canyon State Park</a></li> </ul> </li> <li><a href="/links/">Links</a></li></ul>

Link to comment
Share on other sites

I found that the problem was actually in the css code. In the li li code I replaced padding:.2em; with 0 and the ghost effect disappeared.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...