Hi,
I have a hover box popping up ok in both IE and FF, but links inside the hover box don't work in IE. The links even make the parent hover box dissappear.

Here is the code:

Code:
<HTML>
<HEAD>
<title>
Agilent 8594E ¦ HP 8594E 9 kHz to 2.9 GHz, Used Spectrum Analyzer
</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1252">
<LINK media="screen" href="styles/value_temp.css" type="text/css" rel="stylesheet">
<LINK media="print" href="styles/print.css" type="text/css" rel="stylesheet">
<META http-equiv="Content-Language" content="en-US">

<style type="text/css">
#links3 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; Z-INDEX: 10; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; POSITION: relative }
#links3 A { PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; Z-INDEX: 10; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none }
#links3 A:hover { Z-INDEX: 10; BACKGROUND: white; TEXT-DECORATION: none }
#links3 A SPAN { DISPLAY: none; Z-INDEX: 10 }
#links3 A:hover SPAN { BORDER-RIGHT: black 3px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 3px solid; DISPLAY: block; PADDING-LEFT: 5px; Z-INDEX: 10; BACKGROUND: #dadde6; LEFT: 270px; PADDING-BOTTOM: 5px; BORDER-LEFT: black 3px solid; COLOR: black; PADDING-TOP: 5px; BORDER-BOTTOM: black 3px solid; POSITION: absolute; TOP: 50px }
</style>

</HEAD>
<body>

<span id="freestuff"><DIV id='links3'><A href='#'><IMG src='http://www.example.com/images/free stuff animation.gif' alt='This item comes with free stuff!' border='0'> <SPAN style='Z-INDEX: 10'><TABLE style='Z-INDEX: 10' cellSpacing='0' cellPadding='0' width='400' border='0'><TR><TD class='' vAlign='middle' align='center'></TD></TR><TR><TD class='' vAlign='middle' align='center'><H2>Free Stuff!</H2></TD></TR><TR><TD bgColor='#ff0000' colSpan='2' height='10'></TD></TR><TR><TD class='style10' vAlign='middle' align='center' bgColor='#f3f3f3' colSpan='2'>Buy this Agilent HP 8594E and receive the following for free: <font style='font-size:smaller'>(click links below for more details)</font><ul><li><a href='Details.aspx?Model=CalTest CT3372 - Instrument Grade Spectrum Analyzer Kit&Prodid=11455'>CalTest CT3372 - Instrument Grade Spectrum Analyzer Kit</a></li></ul></TD></TR><TR><TD bgColor='#ff0000' colSpan='2' height='10'></TD></TR><TR><TD class='BLUELETTERING' vAlign='middle' align='center' colSpan='2'><EM>Buy Online or Call your Sales Engineer today ! </EM><BR><font style='color:red'>1-800-555-1212</font> or <font style='color:red'>1-800-555-1212</font></TD></TR></TABLE></SPAN></A></DIV></span></TD>

</body>
</HTML>
Can you tell what the css is missing?

Thanks!