[WSG] Floats and boxes that jump

[Ben Logan]

Hi folks   Having looked at this all day – I am in need of a fresh pair of eyes!   I am having some problems getting the content of my page to stretch the wrapper div in Firefox 1.5.01.   IE 6.0 works perfectly except for the fact that the footer is now sitting outside the #wrapper when is should be inside it.   I have been reading up on the various clearing techniques, and have tried the following methods, but each one does not produce the results I was expecting:   1)       placing a clearing div at the bottom of the page: <div style="clear:both;"></div>   2)       Applying overflow:auto to the #wrapper div 3)       Applying the Clearfix after method to the #wrapper div .clearfix:after {                   content: ".";                   display: block;                   height: 0;                   clear: both;                   visibility: hidden;       }             .clearfix {display: inline-table;}             /* Hides from IE-mac \*/       * html .clearfix {height: 1%;}       .clearfix {display: block;}       /* End hide from IE-mac */                        Page: http://www.spotlessdesign.com/clients/businesssolve/code/products.html   Style: http://www.spotlessdesign.com/clients/businesssolve/code/css/master.css       Also I have another issue, which relates to IE5.0 and the homepage.   http://www.spotlessdesign.com/clients/businesssolve/code/   When I hover over any of the links in the individual boxed areas the entire layout of the boxes jumps down around 150 pixels????   If anyone could shed any light on this I would be extremely grateful.   Cheers     Ben Logan Director Spotless Design http://www.spotlessdesign.com Tel: +44 (0) 207 168 7526 Mob: +44 (0) 7971 002292 MSN ID:  [EMAIL PROTECTED] Skype: djbenlogan AOL IM: DJBenLogan