My site looks completely wrong in ie6. What do I do?

My website looks extremely wrong in ie6. www[dot]juicerecipesforweightloss[dot]net. The right column is at the bottom of the page vice the top. What do I do to fix this. Anyone?

 

The css file is responsible.
Paste it here let me take a look.

 

Paste the code... But I would recommend making a stylesheet just for IE6.

 

No need to paste the whole CSS file in here, just view the source of the page, or if you also use Firefox (with Web Dev toolbar extension) you can easily grab and find the stylesheet used.

juicerecipesforweightloss.net/wp-content/themes/options/blue-danube/style.css

My guess, especially with it being IE6, it's paddings / margins on a few things that's making it drop down. Like OrangeNick suggested, it would be best to just make an IE6 stylesheet, and add to that, the adjustments / fixes. And have in your header, something like this code below...

<!--[if lte IE 6]>
 <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/ie5-6fix.css" type="text/css" media="screen" rel="stylesheet" />
<![endif]-->

Code (markup):

So whoever is viewing your site in IE6, will automatically be viewing your site correctly, with minimal changes needed in the "ie5-6fix.css" sheet.

EDIT: I have IE6 currently, on 1024x768 and your sidebar is fine for me? Are you using 800x600 res?

 

thanks for all the help. I understand what must be done now.