CSS problem with firefox

Hi all,
just finished my website from scratch and was doing the final testing and saw that some pages dosent work properly on firefox :S but it works well on IE 7.
The footer bgcolor is appearing on the top on firefox and it should be at the bottom, on IE7 apperas on the right position (at the botton)

http://www.eczemacuretoday.com/articles/eczema_home_treatment.html

can some pls. help me on this what is causing the problem

 

Try this :

#footer {
clear:both;
background-color: #00f8e6;
width: 800px;
color: #000000;
font-size: 12px;
height: 35px;
}

Just added clear:both; into your footer.

 

It worked!
thank you very much!

can you pls. explaim me what "clear:bouth" code means

 

clear:both; is there to clear all floats previously defined.

 

thank you

by the way could pls. also tell me why firefox dont allow me to put auto for the white background color

thats the reason I had to put bg, bg2, bg3 and bg4

.bg {
background-color: #FFFFFF;
/* height:auto;*/
height:1000px;
/* height: 1550px;*/
width: 800px;
}
.bg2 {
background-color:#FFFFFF;
height: 1050px;
width: 800px;
}
.bg3 {
background-color:#FFFFFF;
height: 600px;
width: 800px;
}
.bg4 {
background-color:#FFFFFF;
height: 1070px;
width: 800px;


The background-color: #FFFFFF;
height:auto;

dosent work on firefox! but works with IE 7

can you guys pls. also help me in this isse
so I can get rid of all the other bgs (bg2,3 and 4)

 

You have to quit looking IE and trying to "fix" Firefox. IE is 10 years behind web standards and wrong in its implementation. The first fix you were looking for did not "fix" Firefox as much as get it to impersonate IEs bug where it was mishandling your floats.

Never, ever look at IE as a reference for how things should work. Always, always use ANY other browser, then look to see if IE screwed it up or not and then fix IE; never the other way around.

Now, I'm not at my dev box but I'll try and look at your issue.

 

Well, fix your 24 errors first.

 

drhowarddrfine: You have absolutely right!

 

There is no erros on the page

The validator is very wier!
if you see the source code you will see that all the tags and syntax are absolutly fine!

I use dreamweaver, and dreamweaver always checks for errors and promp you if you have any! as well as it has a smart hint editor, so it will automaticly create the rest of the tag

 

Perhaps he means CSS errors? Does DW check with w3c that the code is correct?

 

Yes, the W3C, the creator of HTML and CSS and related validators is wrong. There are no errors on the page. How foolish could I have been?