Help! IE6 website problems.

[SwishSpencor]

Hello people at OcUK!

I need a bit of help with my website, I can't get it to view properly on IE6 and was wondering if you guys could give me a hand [and maybe help clean up my CSS lol].

This is how it looks [I couldn't fit IE7 onto the screeny but it shows fine]:


Here's the [not very good] CSS:

body {
    background-color: #242424;
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:10px;
    text-align:left;
    color:#cccccc;
    }

h1 {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:20px;
    color:#ff33cc;
    background-color:#1d1d1d;
    padding:0px;
    margin:0px;
    }
    
p {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:10px;
    text-align:justify;
    color:#cccccc;
    background-color:#1d1d1d;
    padding:0px;
    margin:0px;
    }

a:link, a:visited, a:active {
    color:#0099cc;
    text-decoration:none;
    background-color:#1d1d1d;
    padding:0px;
    margin:0px;
    }

a:hover {
    color:#cccccc;
    text-decoration:none;
    background-color:#1d1d1d;
    padding:0px;
    margin:0px;
    }
    
#container {
    width:580px;
    height:auto;
    position:absolute;
    left: 50%;
    margin-left: -290px;
    z-index:1;
    }
    
#maincontainer {
    width: 580px;
    height:auto;
    display:block;
    padding:0px;
    margin:0px;
    }

#mainC {
    width: 562px;
    min-height: 400px;
    margin-left: 9px;
    margin-right: 9px;
    }

#mainBG {
    width: 580px;
    min-height: 400px;
    background: url(../images/mainC.jpg) #1d1d1d;
    color: #cccccc;
    padding:0px;
    margin:0px;
    }

* html #mainBG #mainC {
    height: 400px;
    }

    
#mainT {
    width: 580px;
    height: 9px;
    background: url(../images/mainT.jpg);
    float:left;
    padding:0px;
    margin:0px;
    display:inline;
    }
    
#mainB {
    width: 580px;
    height: 9px;
    background: url(../images/mainB.jpg);
    float:left;
    padding:0px;
    margin:0px;
    display:inline;
    }
    
#navcontainer {
    width: 580px;
    height: 30px;
    display:block;
    padding:0px;
    margin:0px;
    }
    
#crightcontainer {
    width: 580px;
    height: 30px;
    text-align:right;
    display:block;
    padding:0px;
    margin:0px;
    }
    
#nbarL {
    background: url(../images/barL.jpg);
    width: 9px;
    height: 30px;
    float: left;
    padding:0px;
    margin:0px;
    display:inline;
    }

#nbarR {
    background: url(../images/barR.jpg);
    width: 9px;
    height: 30px;
    float: right;
    padding:0px;
    margin:0px;
    display:inline;
    }
    
#nbarC {
    width: 562px;
    height: 12px;
    background: #1d1d1d;
    float: left;
    padding:0px;
    margin:0px;
    display: inline;
    color:#ff33cc;
    }
    
#nbarT {
    width: 562px;
    height: 9px;
    background: url(../images/barT.jpg);
    float: left;
    padding:0px;
    margin:0px;
    display:inline;
    }
    
#nbarB {
    width: 562px;
    height: 9px;
    background: url(../images/barB.jpg);
    float: left;
    padding:0px;
    margin:0px;
    display:inline;
    }
    
#cbarL {
    background: url(../images/barL.jpg);
    width: 9px;
    height: 30px;
    float: left;
    padding:0px;
    margin:0px;
    }

#cbarR {
    background: url(../images/barR.jpg);
    width: 9px;
    height: 30px;
    float: right;
    padding:0px;
    margin:0px;
    }
    
#cbarC {
    width: 562px;
    height: 12px;
    background: #1d1d1d;
    color:#0099cc;
    float: left;
    padding:0px;
    margin:0px;
    }
    
#cbarT {
    width: 562px;
    height: 9px;
    background: url(../images/barT.jpg);
    float: left;
    padding:0px;
    margin:0px;
    display:inline;
    }
    
#cbarB {
    width: 562px;
    height: 9px;
    background: url(../images/barB.jpg);
    float: left;
    padding:0px;
    margin:0px;
    display:inline;
    }

Any help will be appreciated.

 

[Eriedor]

IE6 doesn't like min-height I'm affraid ;/

 

[SwishSpencor]

IE6 doesn't like min-height I'm affraid ;/

That's actually not the main problem I can fix that easily [used a "hack" for now], it's the layout not fitting together properly.

Edit: I've updated the CSS in the first post.