Floating Left and Right


#1

Please could someone point out what I have wrong here?

div { *border-radius:5px;
}
#header {
    border-radius: 5px;
    height: 20px;
    width: 10px;
    background-color: #FF0000; 
}
#left {
    border-radius: 5px;
    height: 20px;
    width: 10px;
    background-color: #FF0000;
    float: left;
}
#right {
    border-radius: 5px;
     height: 20px;
    width: 10px;
    background-color: #FF0000;
    float: right;
}
#footer { 
    border-radius: 5px;
     height: 20px;
    width: 10px;
    background-color: #FF0000;
}

#2

Could i see your html code? Anyway, in the exercises you should have a dlv with class left and right:

<div class="left"></div>
<div class="right"></div>

to select classes, your css selector should start with a dot:

.left {}
.right {}

the number sign (#) is used to select id's


#3

Great, thank you for that. All worked now.