How come my CSS is read differently in FF and IE

I cannot get my wordpress blog http://salesblog.karlgoldfield.com to line up properly in both FF and IE. I get one right the other is screwy and right now they are about as close as I can get them....aaargh what is the problem?

[Join us @ facebook]

It looks the same to me with FF 2 and IE7

When I look in FF it is clean. In IE7 it is left justified and there is a huge gap between the logo top and the banner swf....also the images look grainier

oh and all of the text in IE is centered

[Just Visit...]

Replace the following on your css...

To fix the banner area problem you need to replace:

Code:

#header h1 a { display:block; background:url(http://salesblog.karlgoldfield.com/images/sales-plan-startup-training.jpg) no-repeat center top; width:980;height:200px; }

to

Code:

#header h1 a { display:block; background:url(http://salesblog.karlgoldfield.com/images/sales-plan-startup-training.jpg) no-repeat center top; width:980;height:120px; }

For the alignment change this:

Code:

.middle { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; font-size:11px; }

to this

Code:

.middle { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; font-size:11px; text-align:left; }

Designer, I am so grateful. I will implement this tonight and if it is fixed, I am giving you all of my forum bux!!!

[Just Visit...]

No problem, let me know if you need help when encountering errors on your site...

[Guest]

[59.827]

adsense, Googlebot