Show on hover span stretches table row

Hi there,

I got the following situation:
I got a table with hidden span's in some columns. They need to display
beside the table when you hover the column. This works pretty well but
if the span takes multiple lines, the height of the table row will be
stretched, this is not what I want. I also don't want to use js

An image to illustrate the problem:
http://i186.photobucket.com/albums/x189/bakaboii/Schermafdruk-1-4.png

Does anyone have a solution? Upping the width of the page is not an
option, unfortunately.

Thanks a lot!

Oh, the html and css!


<tr>
<td>C279</td>
<td>ID01G..H05</td>
<td class="info"><a href="#">Analyse</a> <span>Concurrentie- ,
Doelgroep- en Gebruikersanalyse uitvoeren.</span></td>
<td>3</td>
<td>V</td>
</tr>


#container table tr td.info span {
display:none;
}
#container table tr td.info:hover span {
left:250px;
width:186px;
color:#000;
position:relative;
display:block;
}

Maybe it has something to do with the display tag in your stylesheet.
You're basically telling the browser to display the hidden span as a
block element.. Maybe that has something to do with your problem.
However, I must tell you that it has been a while since I coded some
HTML though, so maybe my directions are not accurate.

On Jan 7, 10:31*pm, sander.ven... (AT) gmail (DOT) com wrote:

Maybe it has something to do with the display tag in your stylesheet.
You're basically telling the browser to display the hidden span as a
block element.. Maybe that has something to do with your problem.
However, I must tell you that it has been a while since I coded some
HTML though, so maybe my directions are not accurate.

Thanks for your comment. I applied all possible values for display;
turned out block was ok.

Got it working now!
#container table tr td.info:hover span {
top:-14px;
left:250px;
width:186px;
height:0;
color:#000;
position:relative;
display:block;
}

Height of the hidden/block span 0.
top:-14px;
14px is the line-height.

Will certainly have to apply hacks for IE negative positioning but it
works allright w/ Gecko engine