www.dhtmlgoodies.com

Hello,
for some reason I am having a weird issue with IE and padding, cannot figure it out for the life of me...Menu Looks perfect in FireFox

menu:


Again looks perfect in Firefox, but not in IE...I am not that great with CSS, so any help would be greatly apprciated.

My CSS include file
-----------------------------------------------------------
#mainContainer{
width:150px;
margin:0 auto;
text-align:left;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
padding:0px;
}
#dhtmlgoodies_menu{
font-family:Arial; /* Font for main menu items */
width:150px; /* Width of main menu */
margin:0px; /* No margin - needed for Opera */
padding:0px; /* No <ul> air */


}
#dhtmlgoodies_menu li{ /* Main menu <li> */
list-style-type:none; /* No bullets */
margin:0px; /* No margin - needed for Opera */
padding:0px; /* No <ul> air */
}
#dhtmlgoodies_menu ul{
margin:0px; /* No <ul> air */
padding:0px; /* No <ul> air */

}
#dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */
padding-left:10px;
width:185px; /* Width of sub menu */
margin:0px; /* A little bit of air */
padding:0px; /* Air between border and text inside */
}
#dhtmlgoodies_menu li a{ /* Main menu links */
text-decoration:none; /* No underline */
color:#000099; /* Black text color */
font-size:0.7em;
height:15px; /* 20 pixel height */
line-height:15px; /* 20 pixel height */
text-align:left;
vertical-align:center; /* Align text in the middle */
border:0px solid #000; /* Black border */
background-color:#FAFAFA; /* Light blue background color */
margin:0px; /* A little bit of air */
padding:0px; /* Air between border and text inside */
display:block;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
color:#FFF;
background-color:#FF0000;
margin:0px; /* No margin - needed for Opera */
padding:0px; /* No <ul> air */

}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border:0px solid #FFFFFF;
font-family:Arial;
text-align:left;
background-image: url('http://www.uscountyads.com/images/subsectiontop.gif');
background-repeat: no-repeat;
margin:0px; /* No margin - needed for Opera */
padding:0px; /* No <ul> air */
}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:0px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:0px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{ /* Sub menu items */
font-size:0.7em;
background-color:#FAFAFA;
white-space:nowrap; /* No line break */
text-decoration:none; /* No underline */
color:#000099; /* Black text color */
border:0px solid #000; /* Black border */
height:15px; /* 16 pixels height */
line-height:15px; /* 16 pixels height */
margin:0px; /* No margin - needed for Opera */
padding:0px; /* No <ul> air */
background-image: url('http://www.uscountyads.com/images/subsectionmiddle.gif');
background-repeat: no-repeat;
display:block; /* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */
color:#FFF; /* White text */
background-color:#FF0000; /* Blue background */
margin:0px; /* No margin - needed for Opera */
padding:0px; /* No <ul> air */

}