Jump to content
lauralee

Drop down menu shadow in IE

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>

Edited by lauralee

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...