Disappear


#1

Hey all. Wondering why my header div disappears when I give it a "margin-bottom:10px" ?
This is my code:

div {
    border-radius:5px;
}

.left {
    position:relative;
    float:left;
    background-color:lightgrey;
    margin-top:10px;
    margin-bottom:10px;
    height:400px;
    width:20%;
}

.right {
    position:relative;
    float:right;
    background-color:#b2cecf;
    margin-top:10px;
    margin-bottom:10px;
    height:400px;
    width:80%;
}

#header {
    Position:fixed;
    background-color:red;
    height:60px;
    width:98.8%
    margin-bottom:10px;
}

#2

It's because you are missing a semi colon on width.. So code is getting broken width is not getting rendered thus it dissappears


#3

Argh god dammit I knew that haha. But it does it with my right div too. It just disappears :confused:
Code:

.right {
    position:relative;
    float:right;
    background-color:#b2cecf;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
    height:400px;
    width:80%;
}

#4

Ahh ■■■■. Nevermind I worked it out. Thanks.