Why is my spacing Different in Firefox Vs. IE

Can anyone tell me why my spacing is different in firefox from IE??

http://www.cwhayden.com/customer/cwhayd/customerpages/SurfaSolveSite/home.htm

In IE it looks the way it suppse to.. In Firefox its messed up

 

firefox never messes up, IE does it wrong. IE doesn't abide by the rules of HTML. Firstly validate you CSS and HTML.

If you want me to fix the problem I am more than happy.

 

were might I look...I would like to try to do it on my own so I know how to fix it in the future

 

Chris, try this overview of conditional comments in CSS which allow you to create special styles that only IE will pick up on:
http://www.quirksmode.org/css/condcom.html and this Google will list a bunch more:

There are hacking methods using underscores, slashes and other devices that some browsers ignore, but conditional comments is the correct method and will be less likely to create issues in the future.

 

OK, I will check that out...Why then does it looking the way I want in dreamweaver but not when I open it in firefox? In dreamweaver all the spacing is perfect.

 

I cant figure it out...would you still be willing to take a look for me?

 

I think I may have found the problem area or atleast some form of problem..

Here is the code in my CSS:

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

It says unsupported property:content

Not sure what to put there or even what its looking for.

 

no one had any idea?