• User

    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;
    }