CSS navmenu with CSS sidepop tooltips: works, mostly, but =bizarre=stuff's happening

I got about 11 tiny websites, and in order to link themt to each other,
I cobbed-together a simple CSS-only side nav menu, with (css-only
activated) "tooltips" attached (so far only the top two links have the
tooltips)

problem IS, though: when I made the tooltip "spans inside the li's", I
must'a did something really wrong, 'cause somewhere the code (or the
CSS) is generating "extra blank table cells" in the left navigation menu
(and those cells aren't there in the code). to top it all off, the page
validates perfectly, AND the CSS validates 100% as well...

I'd sure be grateful to anyone who can tell me which tag I misplaced (or
whatever else I may've dome incorrectly). take a look; the page is here,
and the CSS is linked to the page below, on a second page.

thanks,

toolie

http://machines.50webs.com/navMenuMess/badnav.html

dave wrote:

problem IS, though: when I made the tooltip "spans inside the li's", I
must'a did something really wrong, 'cause somewhere the code (or the
CSS) is generating "extra blank table cells" in the left navigation menu
(and those cells aren't there in the code). to top it all off, the page
validates perfectly, AND the CSS validates 100% as well...

Validation has little to do with correctness. It is only a first step.

"#sidebar ul li a { ... }" creates a box for every <a> element. The
first two <li>s have two <a>s in them. Thus a box for each one.

Change
#sidebar ul li {
list-style-type: none;
}
#sidebar ul li a {
border-color: #4174A3;
border-style: solid;
border-width: 1px;
width: 200px;
height: 20px;
padding-left: 10px;
margin: 2px auto 1px auto;
display: block;
}

To
#sidebar ul li {
list-style-type: none;
border-color: #4174A3;
border-style: solid;
border-width: 1px;
width: 200px;
height: 20px;
padding-left: 10px;
margin: 2px auto 1px auto;
}
#sidebar ul li a {
display: block;
}

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

On Mon, 29 Aug 2005 20:57:29 -0400, dave wrote:

I got about 11 tiny websites, and in order to link themt to each other,
I cobbed-together a simple CSS-only side nav menu, with (css-only
activated) "tooltips" attached (so far only the top two links have the
tooltips)

problem IS, though: when I made the tooltip "spans inside the li's", I
must'a did something really wrong, 'cause somewhere the code (or the
CSS) is generating "extra blank table cells" in the left navigation menu
(and those cells aren't there in the code). to top it all off, the page
validates perfectly, AND the CSS validates 100% as well...

I'd sure be grateful to anyone who can tell me which tag I misplaced (or
whatever else I may've dome incorrectly). take a look; the page is here,
and the CSS is linked to the page below, on a second page.

thanks,

toolie

http://machines.50webs.com/navMenuMess/badnav.html

Neither HTML nor CSS validate, fix them then try again.