Looks great in IE7 - Like Crap in Firefox...Help?

Hi, I'm making this site for a client of mine....

It looks great in IE7, but crap in Firefox. Anyone know how to fix that?

The site is here: http://www.denver-lasik-surgery.com

I don't know why one browser looks ok and the other doesn't. Any help would be appreciated.

Thanks

 

One of the key issues in the differences between IE and FF is the allotment of space in margins and paddings: I would first off take a look at your #header tag:

margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;

If you want to make space larger (particularly text) I would recommend using line-height.

 

Thanks....but, how do I fix it? lol

 

I found the line you were talking about in my header tag but I don't know what you mean by using line-height. What am I supposed to change?

Does anyone know what that means?

 

Yeah, you'll need to make sure all of your code is standards compliant to be sure it will appear correctly.

 

I just figured out how to fix the header, by guessing I needed to change the pxls in the header tag. I did that and it looks fine now.

But now I'm struggeling to figure out why in firefox the RSS on the left extends past the bottom of the page with that gap, but it looks fine in IE7

 

If it helps, the site looks fine in Opera

 

I found the line you were talking about in my header tag but I don't know what you mean by using line-height. What am I supposed to change?

Does anyone know what that means?

 

Looks kind of OK accept for the graphics that don't load completely