3 column WordPress theme broken in MSIE

right column, then center below that, then left column below center

[aaron1728]

Site looks OK in Firefox but is mangled by MSIE.

CSS below (I tried to delete all the unnecessary part of the CSS code, but I'm still new to CSS and don't want to delete more than would be necessary):

body
{
 background-attachment: fixed;
 background-color: #C0C0C0;
 color: #3D3D3D;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 margin: 0px auto;
 padding: 0px;
 text-align: center;
}
 
textarea
{
 background: #FFFFFF;
 border: 1px solid #999999;
 color: #333333;
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-variant: normal;
 margin: 5px;
 margin: 5px;
 padding: 3px;
 padding: 3px;
 width: 74%;
}
 
.data
{
 color: #3D3D3D;
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 20px;
 margin-top: 20px;
 text-align: right;
}
 
.post
{
 padding-right: 160px;
}
 
.storycontent
{
 line-height: 130%;
 padding-top: 10px;
}
 
.storytitle
{
 background-position: left;
 background-repeat: no-repeat;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 5px;
 padding-left: 0px;
 padding-top: 2px;
 text-align: left;
 color: #1010DE; /*DE3A3A*/
}
 
#content
{
 color: #000000;
 float: right;
 height: auto;
 margin: 0px;
 padding-bottom: 10px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 text-align: justify;
 width: 660px;
}
 
#footer
{
 background-color: #000000;
 border-bottom-color: #000000;
 border-bottom-style: outset;
 border-bottom-width: 5px;
 border-top-color: #000000;
 border-top-style: solid;
 border-top-width: 1px;
 clear: both;
 color: #666666;
 font-size: 10px;
 font-variant: normal;
 font-weight: normal;
 height: 30px;
 line-height: 130%;
 margin: 0px;
 padding-bottom: 3px;
 padding-left: 8px;
 padding-right: 3px;
 padding-top: 10px;
 width: 815px;
}
 
#footer-banner
{
 background-color: #F0F0F0;
 border-bottom-color: #F0F0F0;
 border-bottom-style: outset;
 border-bottom-width: 5px;
 border-top-color: #E0E0E0;
 border-top-style: solid;
 border-top-width: 5px;
 clear: both;
 color: #666666;
 font-size: 10px;
 font-variant: normal;
 font-weight: normal;
 height: 70px;
 line-height: 130%;
 margin: 0px;
 padding-bottom: 3px;
 padding-left: 8px;
 padding-right: 3px;
 padding-top: 10px;
 width: 815px;
}
 
#header
{
 background-image: url(images/header_banner.jpg);
 font-family: "Trebuchet MS", verdana, arial, helvetica;
 height: 120px;
 margin: 0px;
 padding-left: 15px;
 padding-top: 1px;
 text-align: left;
 vertical-align: bottom;
}
 
#header-banner
{
 background-color: #F0F0F0;
 border-bottom-color: #F0F0F0;
 border-bottom-style: outset;
 border-bottom-width: 5px;
 border-top-color: #E0E0E0;
 border-top-style: solid;
 border-top-width: 1px;
 clear: both;
 color: #666666;
 font-size: 10px;
 font-variant: normal;
 font-weight: normal;
 height: 70px;
 line-height: 130%;
 margin: 0px;
 padding-bottom: 3px;
 padding-left: 8px;
 padding-right: 3px;
 padding-top: 10px;
 width: 815px;
}
 
#menu
{
 width: 450px;
}
 
#menu ul
{
 list-style-type: none;
}
 
#menu ul li
{
 border-bottom-color: #CCCCCC;
 border-bottom-style: dashed;
 border-bottom-width: 1px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-top: 10px;
}
 
#navmenu
{
 background-color: #202020;
 color: #FFFFFF;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 11px;
 font-variant: small-caps;
 font-weight: bold;
 height: 22px;
 letter-spacing: .1em;
 margin-bottom: 5px;
 padding-bottom: 3px;
 padding-left: 25px;
 padding-right: 3px;
 padding-top: 2px;
 text-align: left;
 text-decoration: none;
}
 
#navmenu a:link, #navmenu a:visited
{
 color: #D0D0D0;
 font-variant: normal;
 font-weight: bold;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 5px;
 text-decoration: none;
}
 
#navmenu a:hover
{
 color: #FFFFFF;
 text-decoration: none;
}
 
#rap
{
 background-color: #F8F8F8;
 border-left-color: #FFFFFF;
 border-left-style: solid;
 border-left-width: 5px;
 border-right-color: #FFFFFF;
 border-right-style: solid;
 border-right-width: 5px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 padding: 0px;
 text-align: center;
 width: 826px;
}
 
#side
{
 background-color: #F0F0F0;
 float: left;
 left: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 position: relative;
 text-align: left;
 width: 140px;
}
 
#right-side
{
 background-color: #F0F0F0;
 float: right;
 right: 10px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 position: relative;
 text-align: right;
 width: 130px;
}

Thanks in advance.

[jatar_k]

shameless admin bump

anyone know?

[encyclo]

Difficult to tell without the HTML, what do you mean by "mangled"?

Also, does the HTML and CSS validate, and do you have a doctype on the first line of your HTML markup, and if so which one?

[aaron1728]

There is a validation problem due to some affiliate ad markup.

I'm trying to get the right column to be big enough for the 250-pixel-wide G & Y ads.

[edited by: jatar_k at 4:03 pm (utc) on July 8, 2006]
[edit reason] no urls thanks [/edit]

[aaron1728]

I've gotten the site to validate [validator.w3.org] using the w3c.org validator. No difference in the MSIE display problems.

[edited by: SuzyUK at 12:19 pm (utc) on July 11, 2006]
[edit reason]
[1][edit reason] fixed url [/edit] [/edit][/1]

[SuzyUK]

aaron1728, is it fixed now?
if not could you post the summarised HTML (for the columns only?) - I was going to try to summarise it for you but am not seeing the display problem you mention.