[Solved] IE problem with floating sidebar

Hi all,

I'm pretty new to CSS and have read around a bit, but can't figured out, what's wrong here. I've got two floats that are working just fine in FF, but in IE6 the sidebar drops under the main area.

I've tried adding text-align tags in the code and also making the floats a few pixels narrower, but I'm probably doing it somehow wrong, because neither is working.

Here's the CSS:

* { margin: 0; padding: 0; }

body {
background: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
}

h1, h2, h3 {
margin-bottom: 15px;
text-transform: lowercase;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: brown;
}

h1 {
letter-spacing: -1px;
font-size: 197%;
}

h2 {
letter-spacing: -1px;
}

h3 {
}

p, ol, ul {
margin-bottom: 1.5em;
line-height: 1.5em;
}

ul, ol {
margin-left: 3em;
}

blockquote {
padding: 0 3em;
font-style: italic;
}

a:link {
text-decoration: none;
color: brown;
}

a:visited {
color: #8B985F;
}

a:hover, a:active {
text-decoration: none;
color: #FFFFFF;
}

img {
border: none;
}

img.left {
float: left;
margin: 0 15px 0 0;
}

img.right {
float: right;
margin: 0 0 0 15px;
}

/* Header */
#header {
width: 710px;
height: 125px;
margin: 0 auto;
padding: 0 25px 10px 25px;
background: beige;
}

#header h1 {
margin: 0;
padding: 50px 0 0 40px;
letter-spacing: -2px;
font-size: 40px;
}

#header h1 a {
color: brown;
}

#header h2 {
margin: -10px 0 0 0;
padding: 0 0 0 175px;
letter-spacing: normal;
font: bold 10px Arial, Helvetica, sans-serif;
}

#header h2 a {
color: brown;
}

#header a {
}

/* Page */
#page {
width: 710px;
margin: 0 auto;
padding: 0 25px 0 25px;
background: white url(images/img02.gif) repeat-y center top;
}

/* Content */
#content {
float: left;
width: 560px;
padding: 5px 0 0 5px;
<-- background: url(images/img03.gif) no-repeat; -->
}

.post {
width: 520px;
padding: 20px 0 0 20px;
}

.post h1, .post h2, .post h3 {
}

.post ol {
list-style-position: inside;
}

.post .title {
padding: 0 0 5px 0;
<-- background: url(images/img08.gif) repeat-x left bottom; -->
}

.post .title span {
padding-right: 30px;
<-- background: url(images/img06.gif) no-repeat right center; -->
}

/* Sidebar */
#sidebar {
float: right;
width: 140px;
padding: 5px 5px 0 0;
background: beige;
}

.box {
width: 139px;
padding-left: 1px;
<-- background: url(img09.gif) repeat-y; -->
}

.box .title {
height: 33px;
margin: 0;
padding: 10px 0 0 20px;
<-- background: url(images/img09.gif) repeat-x; -->
font-size: 18px;
}

.box ul {
margin: 20px;
padding: 0;
list-style: none;
}

.box li {
padding: 5px 0;
<-- background: url(images/img10.gif) repeat-x; -->
}

.box li.first {
background: none;
}

.box h3 {
margin: 0;
font-size: 85%;
font-weight: bold;
}

.box p {
margin: 0;
line-height: normal;
}

.box a:link {
padding-left: 10px;
background: 0 5px;
text-decoration: none;
}

.box a:visited {
padding-left: 10px;
background: 0 5px;
text-decoration: none;
}

.box a:hover {
color: #565736; text-decoration: underline;
}

.nav {
margin: 0px;
margin-left:-5px;
margin-top: 1px;
text-decoration: none
}

.nav li {
list-style: none;
margin: 1px;
width: 110px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
background-color: #EEEEEE;
text-align: left;
font-size: 10px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
}

.nav li a:link {
display: block;
width: 102px;
padding-left: 4px;
font-size: 12px;
text-decoration: none;
}

.nav li a:visited {
display: block;
width: 102px;
padding-left: 4px;
font-size: 12px;
}

.nav li a:hover{
background-color: black;
text-decoration: underline;
color: white;
padding-right: 4px;
}

.topMenuItem {
border-top: 1px solid #CCCCCC;
}

/* Footer */
#footer {
width: 710px;
height: 45px;
margin: 0 auto;
text-align: left;
padding: 0 25px 0 25px;
background: beige;
}

#footer p {
margin: 0;
padding: 14px 14px 14px 14px;
line-height: normal;
font-size: 77%;
color: #565736;
}

#footer a:link {
color: #565736;
}

#footer a:hover {
text-decoration: underline;
color: brown;
}

#legal {
float: left;
}

#links {
float: right;
}

And the HTML

Default

“In posuere eleifend odio quisque semper augue
mattis wisi
maecenas ligula.Donec leo, vivamus fermentum nibh in augue praesent a
lacus at urna congue rutrum. Quisque dictum integer nisl risus,
sagittis convallis, rutrum id, congue, and nibh.”

• 2.0 Skills
• 3.0 Features
• 4.0 Basic System
• 5.0 Combat
• 6.0 Vehicles
• 7.0 Equipment
• Contact

Thanks for any help!