Ok, well I have to use a table, because it works in part with asp 2.0.
So, I have a GridView table with a repeater control and some template data.
So in the middle of the table I have a <td> containing such
-
<div class="Details">
-
<ul>
-
<li>
-
<a href="#">View Details
-
<!--[if IE 7]><!--></a><!--<![endif]-->
-
<ul>
-
<li><a>Massivly Long data is inserted here</a></li>
-
</ul>
-
<!--[if lte IE 6]></a><![endif]-->
-
</li>
-
</ul>
-
</div>
-
and then I have some CSS markup so that if will hide the inner LI element except when the outer LI:hover, or outer A:hover (LI for firefox and such, A for IE)
and then I set a z-index on the outer li and A, and set a higer z-index on the inner LI and A. There is also some CSS to file in the elements
which works fine in firefox, but not IE.
And I am not using javascript, because mouseenter and mouseover only work right in one browser and not the other, either it does work in firefox at all (since its not supported) or causes flickering in IE.
so what I get is a floating hyperlink over a element that I am hovering over and what I get in IE now is the floating LI / A element. and within the element you can see the text of the hyperlink below it in all the table rows that it is over.