Drop down menu variations in 2 browswers

Hello,
I've been building a div that consists of 2 columns, 3 rows of drop down menus and a title for each drop down menu. It looks one way in Firefox, and in IE 7, it has a lot of spaces.
Ive been messing around w/ this code for hours, but I don't know what's missing.

Example

Here's my HTML code:

Here's my CSS code:

.titlestyles {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #335587;
padding-top: 26px;
}

#leftmenus {
float: left;
padding-left: 10px;
}

#rightmenus {
float: left;
padding-left: 10px;
}