[Solved]Menu appears everywhere but IE7

I'm working on http://www.umb.edu/gala/. I generated the navbar at the top with InterAkt CSS app. Generally, this works great, but the nav appears in every browser I've tested in except IE7. I even placed the code inside its own DIV.

CSS (I removed hover and click behavior styling):

/* This is the SKIN style definition for the CSS menu. */ /* Menu container settings Applies to the first level */ /* menu container */

.gala2007 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

/* Menu container settings Applies to second */
/* (or more) level menu containers */

.gala2007 ul {
border: 1px solid #afafaf;
}

/* Menu items settings Applies to all menu items in all menu containers */

.gala2007 li {

background-image: url(img/bg.gif);
width: 140px;
border: 1px solid #CCCCCC;
background-color: #CCCC99;
}

/* Menu items settings Applies to second (or more) level menu items */

.gala2007 ul li {
background-image: none;
background-color: #E0E0E0;
width: 162px;
border: none;
}

/* Menu link settings Applies to links that */
/* are to be found within the menu items, no matter */
/* the menu level */

.gala2007 a {
text-decoration: none;
color: #336699;
line-height: 20px;
padding: 0px 2px;
padding-left: 18px;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #c0c0c0;
cursor: pointer;
}

/* Menu link settings Applies to links located */
/* in the second (or more) level menu items */

.gala2007 ul a {
border: none;
border-bottom: 1px solid silver;
color: #336699;
line-height: 19px;
}
/* This is the LAYOUT style definition for the CSS menu */

div.horizontal {
clear: both;
}

div.horizontal br {
clear: both;
}

div.horizontal ul {
margin: 0px;
padding: 0px;
display: block;
float: left;
clear: both;
}

div.horizontal li {
list-style-type: none;
display: block;
float: left;
clear: none;
text-align: left;
position: static;
}

div.horizontal li img {
border: none;
}

div.horizontal a {
clear: both;
display: block;
margin: 0px;
}

div.horizontal ul li ul {
position: absolute;
left: -5000px;
top: -5000px;
visibility: hidden;
clear: both;
}

div.horizontal ul li ul li {
clear: both;
}

div.horizontal ul li ul li a {
clear: both;
}

.hasImg,

.hasImg a {
padding: 0px !important;
margin: 0px !important;
border: none !important;
outline: none !important;
background: transparent !important;
width: auto !important;

HTML:

• Home


• Committee

I feel like I'm missing something basic, but I'm not sure what. Another pair of eyes would be gratefully appreciated.

Neal