I'm designing a site that uses 2 floating div tags side by side (left navigation, right content). I want the navigation on the left to be a fixed width, and the content area to be fluid in width, but try to limit the max and min widths so it doesn't look too out of place. I tried a variety of options (removing a float tag, removing the width property on the right float, etc.) but all options I try push right float below the left float instead of side by side. Does anyone have a solution?

Site: http://whiteboxerdesign.com/lithik/

CSS file: http://whiteboxerdesign.com/lithik/css/styles.css