IE 6 Problem

[The Commissioner]

For some reason the right column on my site will not show up in IE6. Everything is fine is IE7+/Firefox/Chrome/Safari. I wouldn't care except that some of the folks who'll be using it only have access to IE6.

Any suggestions on an easy fix?

http://www.ffkl.net/history

CSS




body{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
background-color: #26393d;
font-size: small;
}

a {
text-decoration: none;
}

a:link {
color: #fffaef;
}

a:visited {
color: #d0a825;
}

a:hover {
color: #E8E595;
text-decoration: underline;
}

h2{
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #E8E595;
font-style: italic;
color: #FFFAE4;
padding-top: 1px;
}

h3, h4{
color: #FFFAE4;
}

h5{
background-color: #26393d;
margin-right: -10px;
margin-left: -5px;
padding-left: 5px;
border-top-width: thin;
border-bottom-width: thin;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #E8E595;
border-bottom-color: #E8E595;
padding-top: 5px;
padding-bottom: 5px;
}

li{
list-style-type: none;
margin-left: -45px;
color: #fffae4;
}

li a{
color: #fffaef;
font-size: small;
padding-left: 15px;
}

li a:hover{
font-weight: bold;

}

table {
border: thick groove #E8E595;
background-color: #939D9F;
border-collapse: collapse;
margin-bottom: 20px;
}

caption {
padding-bottom: 5px;
color: #FFFAE4;
padding-top: 5px;
}

thead {
background-color: #26393d;
color: #FFFAE4;
}

th {
background-color: #26393d;
color: #FFFAE4;
}

tr {
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #E8E595;
}

td{
padding-right: 10px;
padding-left: 10px;
}

#maincontainer{
width: 1028px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #939D9F;
border-right-width: medium;
border-left-width: medium;
border-right-style: double;
border-left-style: double;
border-right-color: #E8E595;
border-left-color: #E8E595;
background-image: url(images/containerbg.png);
background-repeat: repeat-x;
}

#topsection{
height: 135px;
background-image: url(images/topbanner.png);
background-position: center center;
}

#topsection img{
position: relative;
left: 454px;
top: 15px;
}

#subheader{
height: 65px;
background-image: url(images/subheaderbg.png);
border-top-width: thin;
border-bottom-width: thin;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #E8E595;
border-bottom-color: #E8E595;
}

#subheader img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-top: 4px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0px 225px 0px 180px;
}

.founders li{
color: #000000;
}

.founders {
text-align: center;
width: 50%;
margin-right: auto;
margin-left: auto;
background-color: #E8E595;
border: thin solid #44301b;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -1028px;
background-image: url(images/leftnavbg.png);
background-repeat: repeat-y;
border-right-width: thin;
border-right-style: solid;
border-right-color: #e8e595;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #E8E595;
}

#rightcolumn{
float: left;
width: 225px; /*Width of right column*/
margin-left: -226px;
font-size: x-small;
border-left-width: thin;
border-left-style: solid;
border-left-color: #E8E595;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #E8E595;
}

#rightcolumn p:first-letter {
font-size: small;
font-weight: bold;
}

#rightcolumn img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-top: 15px;
padding-bottom: 5px;

}

dl, blockquote {
font-style: italic;
border: 3px groove #26393D;
background-color: #E8E595;
padding: 5px;
}

.source {
text-align: right;
font-style: normal;
}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
border-top-width: medium;
border-bottom-width: medium;
border-top-style: double;
border-bottom-style: double;
border-top-color: #E8E595;
border-bottom-color: #E8E595;
font-size: x-small;
background-image: url(images/footerbg.png);
height: 100px;
padding-right: 0;
padding-left: 0;
background-color: #40627C;
}

#footer img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding: 5px;
}

.odd {
background-color: #cfd8de;
}

.round {
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
-moz-border-radius-bottomright: 50px;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
border: thin solid #E8E595;
width: 450px;
margin-left: 75px;
background-color: #40627c;
}

.round2 {
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
-moz-border-radius-bottomright: 50px;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
border: thin solid #E8E595;
width: 550px;
margin-left: 30px;
background-color: #40627c;
}

.round3 {
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
-moz-border-radius-bottomright: 50px;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
border: thin solid #E8E595;
width: 550px;
margin-left: 20px;
background-color: #40627c;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* ######### CSS for Shade Tabs. ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #E8E595;
color: #FFFAE4;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background-color: #26393D;
}

.shadetabs li a.selected{ /*selected main tab style */
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
display:block !important;
}

[simcomedia]

Add display: inline; to your columns (all 3, left right and center)and it should take care of it.

[twQ]

I would try and help but I can't even view the site in IE6. I'm sure it's an issue on my end, been having internetz problems. Sorry.

[stringcugu]

the link
http://www.ffkl.net/history.html