On Fri, 29 Feb 2008 08:27:42 +0000, Tim Dawson wrote: > I have a CSS drop-down navigation system that works fine in FF, IE 6&7 and (I > believe) > in Safari. Recently I discovered that in the AOL rendering of IE7 the > drop-downs > displayed with a small gap (perhaps 2 or three pixels) between them and the > permanent > menu items above. I couldn't move the mouse across the gap without the > drop-downs > vanishing (unless I moved very fast). > > I could move the drop-downs up for all browsers, but it wouldn't look so good > in FF. > Is there a way to sniff for AOL and include some hack ? I've already got > some special > CSS for IE, using the conditional [if IE] etc. > > The secondary problem is that I'd have no ready means of testing such a hack. > > http://www.mull-bed-and-breakfast.co.uk/ >
Hmm. Testing for AOL is problematic for all of us, since there are so many variants and the browsers used are often bastardized versions. This means, of course, that hacks are not really an option. However, someone on this list once mentioned that adding a space at the end of the text that is inside the link often gets rid of this extra gap. Can you test that in whatever variant of AOL you use? Another suggestion - try eliminating white-space between the closing opening LI tags. I use an empty comment between them to preserve the "Tidy" look, but any method of closing up the markup will likely help get rid of the gaps. BTW - congratulations in getting the drop-down to work over the search input. Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
