Question

I have a problem

 #column-left {
     float: left;
     width: 350px;
 }

will float left, but when I make the width smaller

with this:
#column-left {
float: left;
width: 250px;
}

it doesn’t work. Both forms work in chrome, but not in firefox. Any ideas?

Here are some images to illustrate: https://i.stack.imgur.com/mDIs3.jpg

Answer 1

Update your CSS code as below.

Remove float: left; and width: 350px; from #column-left.

Add position: absolute; to #column-left

Change margin-left: 220px; on #content

This will do the magic. Tested on Firefox and Google Chrome.