Modern Clix Sidebar Help

I was tinkering with the CSS; changing font sizes mostly, and when I went to update the changes and view the results on the actual website the sidebar moved below the main content on the homepage. It’s only doing this in firefox, IE and Chrome looks fine, but for some reason my sidebar has moved its position in firefox. It’s now sitting below the main content on my homepage.

Can somebody please help me fix this issue.

Here is the sidebar code from my CSS:
/* —————————————– [ Sidebar ] */

#sidebar {
color: #f00
margin: 0;
padding: 1em 0 0 0;
overflow: hidden;
}

#sidebar h4 {
padding-bottom: .6em;
line-height: 1.6;
border-bottom: 1px solid #ccc;
}

#sidebar p {
font-size: 1.2em;
color: #111;
}

#sidebar .section input {
width: 9.8em;
margin: 0 0 1em 0;
padding: 6px 6px 6px 23px;
border: 1px solid #ccc;
background: transparent url(images/bg-search.gif) no-repeat 7px center;
font-size: 1.2em;
float: left;
}

#sidebar ul.nav {
margin: 0 0 2em 0;
list-style-type: none;
}

#sidebar .nav li {
margin: 0;
padding: .4em 8px .5em 8px;
font-size: 1.3em;
line-height: 1.6;
border-bottom: 1px dotted #bbb;
}

#sidebar .nav li.last {
border-bottom: 0;
}

.section {
margin: 0 0 1em 0;
clear: both;
overflow: hidden;
}

.section .col {
overflow: hidden;
}

#content .section {
margin: 0 0 2em 0;
padding: 1em 0 0 0;
border-top: 1px dotted #bbb;
}

#content .first {
border: 0;
}

.submit {
width: auto;
padding: 0;
border: 0;
}

.navigation {
margin: 0 0 1em 0;
padding: 1em 0 0 0;
list-style-type: none;
overflow: hidden;
clear: both;
}

.navigation li {
font-size: 1.2em;

Thanks.