Floats messing up in Safari browsers

Question

I have a site I made really fast that uses floats to display different sections of content. The floated content and the content that has an additional margin both appear fine in FF/IE, but on safari one of the divs is completely hidden. I've tried switching to padding and position:relative, but nothing has worked for me. If I take out the code to display it to the right it shows up again but under the floated content.

The main section of css that seems to be causing the problem is:

#settings{
    float:left;
}

#right_content{
    margin-top:20px;
    margin-left:440px;
    width:400px;
}

This gives me the same result whether I specify a size to the #settings div or not. Any ideas would be appreciated.

The site is available at: http://frickinsweet.com/tools/Theme.mvc.aspx to see the source code.

Answer 1

I believe the error lies in the mark up that the color picker is generating. I saved the page and removed that code for the color picker and it renders fine in IE/FF/SF.