Trouble with new look for my site

[BrandonE97]

Been working on a new theme and have a problem when displaying in IE7. IE8 and the latest firefox displays correctly. The problem is in IE7 the area for my content is displayed below the navigation instead of beside it. Not sure if its a html or css problem. Here is the URL http://www.brandone97.com/theme/ice3/. Its a lot of code and had a problem trying to paste it.

[haku]

It's a CSS problem, but unfortunately I don't have time to dig around the code too much right now. I'm guessing the navigation is floated left? If so, try removing any left margin you have on the content (if you have any). There are ways you can re-write your code to stop this from happening, but if you get absolutely stuck, you can use conditional comments to fix the problem.

[BrandonE97]

Got the content area where I need it to be, changed to absolute positioning. The bottom of the page with text links doesn't render correctly with IE7 still. The text moves up when rendered with IE7, anything below moves up and interferes with the graphics.

Also since this is posted in HTML help and probably needs to be in CSS help is there a way I could move it to the correct section?

Any help would be appreciated. Thanks.

[Simon Mayer]

As far as I can see, the only difference is that the padding-bottom doesn't appear as large in IE7 as it does in FF3.0 (I have not tested other browsers).

I do not know exactly why this is, but to get round it, you could just specify a larger padding-bottom value in a file called ie7styles.css

and then insert this below the call to your existing stylesheets:

<!--[if IE 7]>
	<link rel='stylesheet' type='text/css' href='ie7styles.css' />
<![endif]-->