I am constructing a CSS menu within a table cell in Dreamweaver. When viewed
from within Dreamweaver and Firefox the vertical space between each list button
is a couple of px but when viewed in IE6 the space between is the height of an
entire button. How do I close up the space between buttons in IE6 and not
affect other browsers?
The page can be viewed at www.thedrawingresource.com/devsite/
user:dagwood
password:bumstead
below are the relevent id definitions for the list:
#listnav {
position: absolute;
width: 132px;
height: 100px;
visibility: visible;
float: left;
left: 62px;
top: 350px;
}
#listnav ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: bold;
margin: 0px;
padding: 0px;
border: thin none;
list-style-type: none;
text-align: center;
}
#listnav li {
margin-bottom: 1pt;
margin-top: 1pt;
top: 0px;
}
#listnav a {
background-image: url(images/navbut_out.jpg);
display: block;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 6px;
visibility: visible;
background-color: #999966;
background-repeat: no-repeat;
background-position: 100% 100%;
border: 1px none #CCCC99;
}
#listnav a:link, #listnav a:visited {
color: #FF0000;
text-decoration: none;
}
#listnav a:hover, #listnav a:active {
background-repeat: no-repeat;
background-position: 100% 100%;
background-image: url(images/navbut_over.jpg);
}
Thanks,
Jerry
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
