CSS blog template - adding a new column.

[kjbeckett]

I am struggling to fully create to create the new left hand column on my blog template: http://www.kjbeckett.com/mensfashionblog/blog.html. If
anyone could help I would appreciate it...

I have updated the css with a new value...


#sidebarleft {
width:160px;
float:left;
}


...but I'm not sure where to put the following code which generates the left hand column...


<!-- Begin #sidebarleft -->
<div id="sidebarleft">
Test Text
</div>
<!-- End #sidebarleft -->


...which I placed directly after...


<!-- Begin #content -->
<div id="content">


...and before...


<!-- Begin #main -->
<div id="main"><div id="main2">


and whilst "Test Text" appeared in the correct place (e.g. top left)
and the new left hand column seemed to be there... the right hand
column had been moved to the bottom of the page.

I cant figure out what I am doing wrong?

Paul

[ray326]

According to Firebug, nothing in the body seems to have any style applied to it other than what is inherited from the body selector.