problema di compatibilità con firefox

[aigor]

problema di compatibilità con firefox

Allora, premettendo che sono un novellino nell'uso dei css e che questo è il primo template che realizzo (usando il layoutizzatore), vorrei il vostro aiuto, perchè il mio layout in firefox, ha un problema di allineamento, nel senso che la sidebar scompare sotto la parte centrale del sito.
Incollo il codice, così qualcuno può chiarirmi le idee su cosa ho combinato
Grazie in anticipo

body {
font-size : 62.5%;
background-image : url("bg.jpg");
background-repeat : repeat;
}
#layout {
margin : 0 auto;
text-align : center;
}
.liquid90 {
width : 90%;
}
#header {
background-image : url("header.png");
width : 895px;
height : 237px;
background-repeat : no-repeat;
}
#content:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
{
display : inline-block;

}
#main {
float : left;
background-image : url("bg.png");
width : 655px;
height : 470px;
background-repeat : no-repeat;

}
#sidebar {
float : right;
background-image : url("side.png");
width : 242px;
height : 470px;
background-repeat : no-repeat;
text-align : left;
}
#footer {
background-image : url("footer.png");
width : 895px;
height : 62px;
background-repeat : no-repeat;
}