Not going to the top

I have some side content which I want to fly up to beside my main stuff. The screenshot shows how I want it to finish up, but I can't seem to get the right side to position beside the left.

I have only added the feature image box for now in the code. But I figure once I can get that lining up properly I should be ok with the other bits.

http://www.obsessedwithfilm.com/inde...ptheme=OWF+New

Hello,

The right column isn't floated - i'm not sure what you were expecting to see. It's in the normal flow and will appear just after the element before it - like any block level element.

Code:

---

#content {
        padding: 20px;
        overflow: auto; /* clear children */
}
#news {
        width: 488px;
      float: left;
        padding: 15px;
        background-image: url('/file/contentbg.gif');
        background-repeat: repeat-x;
        background-position: top left;
}

---

Man, I spent hours staring at that and missed something so simple.

Thanks.

Actually, it's still not right. I also added the float to the newshead but for some reason the side content is stopping at the level of my newshead div. The sizes all seem correct.

Solved that problem... new problems :D

In firefox the white background is disapearing on the singleposts. Click any headline at:

http://www.obsessedwithfilm.com/inde...ptheme=OWF+New

Also, the articles which have comments posted, the sidebar goes to the bottom for some reason... but without comments it's where it should be.