[Jeremy Smith]

Just getting back to my old roots at the moment.

I am having problems with the above version, it all started going wrong when I put:

/* page layout */
#content-container {
clear: both;
    float: left;
  overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 39px;
    margin-top: 140px;
    background-color:#FFFFFA;
    border-left:1px solid #D4D3CF;
    border-right:1px solid #D4D3CF;
    border-top:1px solid #D4D3CF;
    border-bottom:1px solid #D4D3CF;
    padding:10px !important;
}

Whats happening is, when I place the above css in the relevant css element '#content-container', it displays incorrectly in Internet explorer 8 (fine in Firefox of course!) but I have forgotten the skills to get around cross browser compatibility, grrr!!!

Can someone help?

The original css for this element was:

/* page layout */
#content-container {
    clear: both;
    float: left;
  overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 39px;
    margin-top: 140px;
}

Any help is greatly appreciated thanks,
Jeremy