Contrary to what I wrote in my previous post, the solution I gave will only work in Firefox. This is another case of not all browsers being equal and the difficulties involved in creating one style to fit all. I'll get back a little later with hopefully a global solution. Barry On Sat, May 21, 2011 at 8:27 AM, Barry Carlson <barrycarls@gmail.com> wrote: > On Saturday, May 21, 2011 2:25 AM (UTC+12) > David wrote:- > > On my FreePage, > http://freepages.genealogy.rootsweb.com/~ryderancestors/, > > I have 4 boxes on the index.html page for the 4 principal surnames in my > and my wife’s ancestry. They are placed as I want them in IE 8, Firefox 4, > Chrome and Safari, but the bottom two boxes overlap the bottom RootsWeb > banner. I don’t know how to fix that. > ------------------------- > David, > > There a number of ways to fix the problem of clearing floats, but in your > case, and as the floats are contained withing the Rootsweb generated > #userContentFP page div, the following will fix the problem in all > browsers:- > > <style type="text/css"> > #userContentFP {overflow:hidden; margin-bottom:30px;} > </style> > > You already have test facility for styles in the head of your page, so just > add the above style to it. > > Nothing is done to your content, and the Rootsweb container div is told to > do the right thing. Adjust the margin-bottom as required. > > Barry >