novice css issue

I've got a basic site layout using divs and an imported css file. When I view this in IE7 it looks fine, but FF has the columns aligned to the left no matter what I do. What am I missing here?

HTML:

CSS:

 

Didnt really spend a long time looking at this, but try floating col2 to the left and you may have to reduce the width of col2. Try,

#col2
{
position: relative;
width: 29.9%;
float: left;
}

Code (markup):