Internet Explorer Help

I'm working on a site. http://www.wineryfinder.net/wine.php?id=3524

When I view it in Firefox it looks clean, IE messes it up.

Can anyone point me in the direction to fix this? I realize there are a bunch of ie css fix sites I can't find anything that will help me out.

 

I just checked them both in Ie, and FF. Im also using resolution of 1080 x 900 where do you see that the site is broken in IE?

 

First, I noticed that your font size is different in IE7 and FF3. Also, you are mixing tables and Divs all over the place. A good example that is noticeable without seeing the source is the two pics from the "Results from Flickr" part. You can achieve the same effect by jsut embedding two divs with the same class:

.flickr { width: 128px; float: left; padding: 2px; text-align: center; }

Code (markup):

This way you also cut down on the code. Instead of all the tables and stuff, you just have:

<div id="flickr_results">
<div class="flickr">image</div>
<div class="flickr">image</div>
</div>

Code (markup):

You should really clean up your code, and try to use divs instead of tables.

 

Same result here in Firefox 3 and Internet Explorer 6. Everything looks fine.

 

Yeah. I fixed the css for IE.

I will definitely clean up the code.