CSS popup i tabellcell

Med den här css:n

td span {display:none}

td:hover span {display:block}

och den här html:n

<td><b>1</b><span>Betalning faktura 101</span></td>

Så triggas effekten på hela tabel-cellen, tyvärr fungerar inte hover-effekten i IE på någonting annat än länkar. Men med http://www.xs4all.nl/~peterned/csshover.html kan du få IE att hovra på alla element, dock så kommer det bara fungera bara på texten i cellen. Alltså samma resultat som du hade från början. Men för alla som inte använder IE så kommer det fungera som du vill om jag inte missförstod något ;)

Men! Varför kan inte IE bete sej som normala webbläsare gör? Orka hålla på med specialfall för IE :(

Den här varianten ska fungera bra.

div#wrap {
	border:0;
	margin-top:50px;
}
table {
	border: 0;

}

table a span {
	display:none
}

table a:hover span {
	display: block;
	position:absolute;
	top:1px;
	left:1px;
}

td {
	border: #000 1px solid;
	margin:12px;
	padding:7px 0px 6px 0px;
}
a {
	text-decoration:none;
	background:#ccc;
	margin:0;
	padding:7px 7px 7px 7px;
}
a:hover {
	background:#e45;
}

<div id="wrap">
	<table>
		<tr>
			<td><a href="#">[url]www.fredrik77.se[/url]<span>Min hemsida</span></a></td>
			<td><a href="#">[url]www.fredrik77.se[/url]</a></td>
			<td><a href="#">[url]www.fredrik77.se[/url]</a></td>
			<td><a href="#">[url]www.fredrik77.se[/url]</a></td>
		</tr>
</table>
</div>

Men den där poppar väl bara upp boxen när man för muspekaren över länken? Det har jag redan åstadkommit.

Jovisst, men länken fyller ut hela tabellcellen. Så man måste inte hovra över själva texten.

Ah, det är alltså

padding: 7px 7px 7px 7px;

som är nyckeln.
Tack!

Precis, sen får man trixa lite med paddingen i td för att det ska se snyggt ut.