Previous Message
Next Message

Jumping Content

Sent by Gunlaug_Sørtun on 20 November 2006 18:06


Tim Gaunt wrote:
> http://www.your-cottage.co.uk/Booking/PropertyDetails.aspx?HotelRef=11

>  If you hover your mouse over the "Check Availability" button the 
> content drops down. I can't spot the issue myself, I would have 
> thought it would be something to do with hover...
> 
> Any ideas?

Not really, as I got lost in styles in there :-)

Anyway, the link pushes div#mainColumn some 100px wider than it should
be in IE6 when hovered, which causes the whole thing to drop.
So, whatever IE bug you've triggered, it is being "helped" by IE6'
'auto-expansion bug'.

Since div#mainColumn is a left float, you can prevent it from dropping
by adding a suitable negative backside-margin to it.

The addition of...
div#mainColumn
{
margin-right: -110px;
}
....will make IE6 behave itself, and won't disturb other browsers.

regards
	Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
Previous Message
Next Message

Message thread:

Possibly related: