background-image: url(../Images/bg_body_white.png) !important;
background-repeat: repeat !important;
background-position: top !important;
overflow: hidden; /* change this from visible to hidden */
/* height: 1px; - remove this */
This causes the fixwrapper to clear all of it's children thus pushing the footer down. Right now, the footer isn't clearing the right-floated content div - one reason is because fixwrapper has a height of 1px.
I've switched careers...
I'm NO LONGER a scientist,
but now a web developer...
Thank you for the reply - I did try what you have suggested before.
When you remove the height from the fixwrapper that stops the page flowing over the footer but I have been unsucessful at clearing the page now so that the menu appears back at the top and the bottom menu appears at the top of the blue.
(the white menu and the blue menu are different controls).
Sometimes issues with FLOAT:LEFT; and FLOAT:RIGHT;
Now sure if this will be a help for you, but in web application development if you have several divs that are using float:left; or float:right you can sometimes run into issues.
If you have a div with float:left; next to a div that has no float. The div with no float will superimpose itself on top of your div with float:left; Also it will not lineup as you expect it to with the other divs.
float:left; is used very often in web development, especially when trying to align content without the use of HTML tables.
This problem will occur regardless of the web programming language you use, whether it is ASP.NET, ColdFusion, or PHP.
In addition to what Michael wrote, floats should either be sustained (:left or :right) or cleared (:left, :right or :both). There may never be an open end to a float. Use an empty div to clear the float, if necessary.
Thank you for your replies Michael & Frank,
I'm going to spend some more time on this today to try and figure out exactly what is causing the problem.