Hello all,
Just discovered two things in a template that I'm building.
Using Browsercam.com, it appears that the standard hover over a list
item to highlight the item is not working. IE7 appears to ignore the
hover. It's working in every other browser I test. I've searched for
info on this but haven't found anything (or the discussions have gone
so tangential that it is hard to find out what they are talking about
mid-stream).
Anyone else see this in IE7?...
Second, in IE5, IE5.5 and apparently IE6, when I use the width and
the wid\th hack to force IE to highlight the li when any part of it
is rolled over, i'm getting some extra space underneath each li. (NOT
the whitespace bug, I'm already correcting for that). It appears to
be just one extra pixel of space in addition to the border. Am I
doing something wrong here?...
Finally, this nav-list is contained in the #navigation div listed
below. I'm fighting the 3-pixel bug. (It is floated left in the
stardard psuedo 3-column layout). Will adding a display:inline to
the floated div fix that problem, or is there another way?.. (I'd
rather not use the height-hacks, as this is a template I'll be
handing over, and I don't want to have hacks in there that may be
hard to control, or get rid of later...
thanks,
Karl
#navigation {
width: 145px;
float: left;
margin: 0;
padding: 0;
}
#leftnav {
width: 145px;
}
#leftnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: lucida-sans, verdana, arial, sans-serif;
border-left: solid 1px #495382;
border-right: solid 1px #495382;
}
#leftnav li {
width: 143px;
border-top: solid 1px #7A7BAF;
vertical-align: bottom;
}
#leftnav a {
font-size: 10px;
line-height: 12px;
display: block;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
padding-left: 4px;
cursor: pointer;
width: 143px;
wid\th: 135px;
}
#leftnav a:link, #leftnav a:visited
{
color: #052769;
background: #E6DBC9;
text-decoration: none;
}
#leftnav a:hover {
color: #052769;
background: #FEF2E7;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
