Michael Auty wrote:
http://www.madewithpixels.co.uk/sandbox4
in PC/Firefox the menu displays correctly on mouse over, filling the
box above it. However in Safari, there is a small gap above the
button, which is a) unsightly, and b) causes the menu to stop
functioning when the user 'mouses off' the trigger button to reach
the list entries.
Advice: Avoid relying on font-size for any positioning or dimensioning
in tight corners - whenever possible.
One solution that'll work:
#navmid ul li ul {
display:none;
position:absolute;
/*top:-108px; delete this */
left:0;
margin:0;
padding:0;
height:auto;
border:none;
bottom: 1.1em; /* add this */
}
...which will self-adjust to exactly the right position - regardless of
font-size.
I've tested this in Opera, Firefox and Safari, and they all positioned
correctly even when I changed font-size into the extremes. I had to bump
it up anyway, since I can not read such small text.
Maybe you'll have to feed something slightly different to IE (win & Mac)
as I couldn't test in those, but that should be easy enough.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
