I am working on the navigation menu with drop down lists for a website and have hit a snag with a 1px gap between the navigation and the drop down list. I can't figure out where it is coming from. If anyone can help me figure this out it would be much appreciated.
Question
jordan.
I am working on the navigation menu with drop down lists for a website and have hit a snag with a 1px gap between the navigation and the drop down list. I can't figure out where it is coming from. If anyone can help me figure this out it would be much appreciated.
The website:
http://www.islandrobot.com/vanessa/
The relevant CSS: (keep in mind that the drop down is still under construction)
ul#nav { list-style-type: none; padding: 0; margin: 0; background-color: #49d4d9; height: 30px; text-align: center; } ul#nav li { display: inline-block; line-height: 30px; height: 30px; padding: 0 24px; margin: 0; background: #49d4d9 url('images/nav_separator.gif') no-repeat center left; } ul#nav li#nhome { background: none; } ul#nav a { color: #fff; font-size: 14px; text-decoration: none; } ul#nav li a:hover { text-decoration: underline; } /* Second Level Lists */ ul#nav li ul { position: absolute; margin: 0; padding: 0; } ul#nav li ul li { margin: 0; padding: 0; }A screenshot of the gap:
Link to comment
Share on other sites
3 answers to this question
Recommended Posts