Why wont this work!

Not sure why you are using the class, I would use the ID, but either way <div id="lftcontent" class="brdtop"> is not set to float left and does not have any width assigned, so it is taking up the full width and <div id="sidebarr" class="brdtopsb"> is appearing below it and floating right.

#lftcontent {
 float: left;
 font-size: 14px ;
 width: 200px ;

the lftcontent has float: left and width

Firebug is not picking up that CSS, possibly because you have other attributes defined in the class .brdtop. You can definitely take out ;;;;float: left ;;;; as that line is definitely not helping anything. Try

.brdtop {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 400px;
}

Again, I think it would be better to do it with the ID than the class. You could possibly just get rid of .brdtop in the CSS and put all the attributes in #lftcontent.

Ahh, your the man! I’m still new to CSS !