IE Prob (of course)

can’t figure out how to make fix this. on mouseover, my navbar gets taller to accomodate my hover properties.

[url]http://qualityjags.clarionwebdesign.com[/url]

here is the css:

[code]
body
{
width: 100%;
height: auto;
color: #000;
margin: 0;
}

/*Header tag (sets properties for title*****************************************************************/
div.header
{
float: left;
height: auto;
width: 100%;
margin-bottom: 5px;
padding: 0;
}

p.header
{
float: left;
font-variant: small-caps;
font-family: Arial;
color: #c00;
font-size: 150%;
font-weight: bold;
margin: 10px 0 0 5px;
}

h1
{
float: right;
text-align: right;
font-family: Arial;
font-variant: small-caps;
font-weight: bold;
color: #369;
font-size: 250%;
padding: 0;
margin: 0 5px 0 0;
}

/*Primary ul tag (sets properties for area containing top nav bar)**********************************************/
ul.nav
{
float: left;
height: 18px;
width: 100%;
background-color: #c00;
margin: 0;
padding: 4px 0 0 0;
list-style-type: none;
border-bottom: 1px solid #ccc;
}

/*Primary li tag (sets properties for top nav links)*******************************************************/
li.nav
{
display: block;
float: left;
font-family: Times;
font-size: 90%;
}

/*General link properties***************************************************************************************/
a
{
font-family: Times;
color: #000;
text-decoration: none;
}

a img
{
border: 0;
}

/*Top nav link properties***************************************************************************************/
a.menu
{
font-size: 100%;
float: left;
text-decoration: none;
border-right: solid 1px #000;
padding: 0 10px 0 10px;
color: #fff;
}

a.menu:hover
{
position: relative;
top: -4px;
color: #000;
background-color: #fff;
height: 12px;
padding: 4px 10px 0 10px;
}

/*Link styles inside the main div element***********************************************************************/
a.main
{
font-family: Arial;
text-decoration: none;
}

a.main:link {color: #00c;}
a.main:visited {color: #c00;}
a.main:hover {color: #c00;}

/*Link styles for the footer area of the page*******************************************************************/
a.index
{
text-decoration: none;
}

a.index:link
{
color: #fff;
padding: 5px;
}
a.index:visited {color: #000;}
a.index:hover
{
padding: 5px;
color: #000;
background-color: #fff;
}

/*Link styles for the footer area of the page*******************************************************************/
a.footer
{
text-decoration: none;
}

a.footer:link {color: #fff;}
a.footer:visited {color: #c00;}
a.footer:hover {color: #f00;}

/*This element defines the center of the page*******************************************************************/
div.body
{
width: 100%;
height: auto;
padding: 10px 0 20px 0;
float: left;
}

/*Font def for promo box**********************************************************************************/
p.promo
{
float: left;
width: 220px;
padding: 0 0 0 20px;
font-family: Arial;
font-size: 90%;
}

/*Defs for index box**************************************************************************************/
div.index
{

width:100px;
border: solid 2px #fff;
background-color: #ccc;
font-size: 85%;
list-style: none;
padding: 10px 0 10px 10px;
text-decoration: none;
margin: 10px 25px 10px 20px;
}

/*Defs for listing boxes**************************************************************************************/
div.listcontainer
{
float: right;
width: 570px;
text-align: center;
font-size: 85%;
margin-top: 15px;
}

div.leader
{
width: 548px;
height: 21px;
background-color: #369;
color: #fff;
font-family: Arial;
font-size: 125%;
border: solid 2px #000;
margin: 0 0 0 20px;
padding: 4px 5px 0 5px;
}

div.listing
{

width: 550px;
height: 105px;
border: solid 1px #000;
background-color: #ccc;
text-align: left;
list-style: none;
padding: 5px;
text-decoration: none;
margin: 10px 25px 0 20px;
}

img.listing
{
float: left;
padding: 2px 10px 0 2px;
}

p.listing
{
margin: 0;
height: 75px
text-align: left;
}

a.listing
{
float: right;
padding-right: 5px;
}

a.listing:link
{
color: #fff;
padding-right: 5px;
}

a.listing:visited
{
color: #fff;
}

a.listing:hover
{
color: #f00;
padding-right: 5px;
}

/*Map page display properties***********************************************************/
div.map
{
padding: 0;

}

p.exdesc
{
text-align: left;
margin: 10px;
}

a.map
{
filter: alpha(opacity=50);
opacity: .5;
}

a.map:hover
{
filter: alpha(opacity=100);
opacity: 1;
}

a.button
{
margin-left: 20px;
float: left;
color: #000;
background-color: #999;
text-decoration: none;
text-align: center;
padding: 2px 15px 2px 15px;
border-top: 2px solid #ccc;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
border-left: 2px solid #ccc;
}

a.button:hover
{
color: #fff;
background-color: #999;
text-decoration: none;
text-align: center;
padding: 2px 15px 2px 15px;
border-top: 2px solid #ccc;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
border-left: 2px solid #ccc;
}

a.button:active
{
color: #fff;
background-color: #999;
text-decoration: none;
text-align: center;
padding: 2px 15px 2px 15px;
border-top: 2px solid #666;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-left: 2px solid #666;
}

/*Footer properties*********************************************************************************************/
div.footer
{
float: left;
position: relative;
background-color: #369;
width: 100%;
height: 25px;
font-size: 12px;
font-family: Times;
text-align: center;
margin: 0;
}
[/code]

Also in #CSS _↴