CSS and IE 7 / Wordpress menu issue

issues with layout

[MissDelray]

Hi there,

I have a site, [cypressinsurance.com ] that is a wordpress blog. I took the designer's CSS and transformed it into the wordpress template.

As expected, everything looks great in IE 6, and 8, and Firefox. However, my horizontal menu gets weird in IE 7 and the container elements do not break.

Any help? Hacks, etc?

Thanks so much!

[MissDelray]

I guess I could have added the CSS!

#top-menu{
width: 780px;
height: 28px;
}
#top-menu ul{
float: left;
width: 100%;
list-style-type: none;
line-height:28px;
background-color: #00573c; 
margin:0px; 
padding:0px;
}
#top menu li {
margin: 0;
}
#top-menu li a{
float:left;
display:inline;
margin: 0;
background-color: #00573c;
border-right: 1px solid white; /*right divider between tabs*/
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-right: 6px;
padding-left: 6px;
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
}

#top-menu li a:hover{
color: #FFFFCC;
text-decoration: none;
}
.noline{
border-right-style: none;
}