I have a problem with hidden content (for a mouse-over pop-up) making a div too
tall.  It displays as intended in FF3, IE7, Safari(Win) and Opera, although in
FF3 WebDeveloper can 'see' that the div is deeper than it's apparent size.

http://www.holidaymullandiona.co.uk/pages/home12.php (bottom right of the page,
orange background)

In IE6 the background of the div is made taller to encompass the hidden content.
When you mouse over the text or image and the pop-up appears, the div
background changes to its intended size.

I've tried 'overflow: hidden;' on the div, but that kills the pop-up.  I've
tried positioning the pop-up off-screen instead of using 'visibility: hidden;',
but that creates scroll-bars and weird scrolling effects when the pop-up is
activated (in FF3, not tested elsewhere).

I need something to control the displayed size of the div background in IE6.
Height is set explicitly in the div CSS, but IE6 is ignoring it while the pop-up
is hidden.

Any suggestions, please ?

Tim Dawson

-- 
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull  PA66 6BP

01681 700718




______________________________________________________________________
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/

Reply via email to