Hi guys,

I'm developing a site for a university society, which appears fine in both IE7 and FF 2 after much bug fixing, but it gets screwed up in IE6.

The problems -

• IE6 likes adding spaces in between my divs.
• IE6 turned the line div from 3 pixels to about 10 pixels... it has also magnified a lot of width/heights of other divs
• IE6 seems to not be able to align my divs correctly where I want them
• Some of my images are stretched vertically on IE6

Again, none of these problems appear on IE7, FF2 or even FF1.5... It's only on IE6 (which happens to be the most used browser to view my website).

If anyone can help, I will be greatly appreciative.

CSS: http://www.sascurtin.com/wp-content/...asv1/style.css
My Website: http://www.sascurtin.com/

Cheers!

You might want to clean up some of these problems:

line 62 column 19 - Warning: '<' + '/' + letter not allowed here
line 106 column 6 - Warning: missing </span> before <p>
line 106 column 34 - Warning: inserting implicit <span>
line 110 column 1 - Warning: discarding unexpected </span>
line 134 column 1 - Warning: missing </div>
line 135 column 70 - Warning: <a> proprietary attribute "alt"
line 136 column 27 - Warning: <a> proprietary attribute "alt"
line 136 column 71 - Warning: <a> proprietary attribute "alt"
line 136 column 124 - Warning: <a> proprietary attribute "alt"
line 106 column 6 - Warning: trimming empty <span>

You should use conditional comments to address the specific fixes you're going to need to make IE stop acting stooooopid. Take the hacks out of your main css file and put them in a separate 'iefixes' css file. The *html hack will NOT work with IE7.

This is not correct CSS:
#outer
{
align: center;
width: 768px;
background: #ffffff url(images/content_rpt.jpg) repeat-y;
}

There is no "align: center" for CSS, not like that. If you want to properly center your container, use margin: 0 auto; (for NON IE browsers) and add text-align: center on the body to make IE 6 and below center.

You should zero out marign and padding on everything first, add it back in as needed.