Julie Flolo wrote: [ http://www.floloweb.com/test/index4.html http://www.floloweb.com/test/4style.css ]
> Greetings, I finally have my menus the way I want them, but > there are gaps! > At the top of the left menu, when you hover above the first > link, you will see a small gap between the menu and the div > above it. If you enlarge the font one step in the browser, it overlaps. You've set the menu with position:absolute; top:168px;. This just happens to be a little bit below the bottom of the black bar. Set position:relative to the div#leftmenu, and change top:168px on the #leftmenu ul to top:0px; That solves both the gap, and the overlap on larger font-sizes. > Also, on the horizontal menu, when you hover above > the links there are small gaps to the right of the words. > How do I fix this? By leaving no space (nor line-breaks) in the code between the </li> and the <li>. Make them into one long line, or write them like this: <ul> <li><a href="/">HOME</a></li ><li><a href="/">About Us</a></li ><li><a href="/">Contact Us</a></li ><li><a href="/">Testimonials</a></li ><li><a href="/">F.A.Q.</a></li> </ul> BTW, you can't have an image between the </li> and the </ul>. -- Els http://locusmeus.com/ http://locusoptimus.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
