Menu space issue

Status
Not open for further replies.

SloshMonster

Beta member
Messages
3
I am having an issue with ie because there are spaces between each menu item in IE but not firefox. I want to remove the spaces in IE so the menu will not have any spaces inbetween. These are my settings for the menu, what values do i need to change or add?!!



body {
font: Italic 11px Verdana;
cursor:auto;
}

ul {
margin: 0;
padding: 0;
list-style: none;
width: 155px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
border-bottom-color:#000099;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 154px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #000099;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-color:#000099;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */


li:hover ul, li.over ul { display: block; } /* The magic */

</style>
 
Status
Not open for further replies.
Back
Top Bottom