Want to expand text with onmouseover but with a delay

[Ian]

I'm wondering if someone can tell me what the best way to do this would
be. I have a web page with a table which has some text in and I want
the text size to be automatically enlarged when the user places the
mouse pointer over it but only after a delay of say a second or two.

I did manage to find the following:

<style type="text/css">
<!-- .roll { font-family:Arial; font-size:14t;

font-style:normal; font-weight:normal; letter-spacing:normal;

text-decoration:none; text-transform:none; color:#8b0000; }

A.roll:hover { font-family:Serif; font-size:26pt; font-style:oblique;

font-weight:bold; letter-spacing:normal; text-decoration:none;

text-transform:none; color:NAVY; }--></style>
but its unusable as its virtually impossible to move from one row to the
next in the table as the second you hover over a cell the text expands
and pushes you away from the next cell above or below. It would however
be ok if it could be delayed for one or two seconds before takiing
effect. Is there any way of achieving this either with the code above
or possibly a better way altogether ?

Thanks in advance for any help.

[JimMenees]

Ian,
This works in MSIE:
setup a css class with name 'bigtext' and set the text to your desired
font-size.
-------------------------------------------------
<table id="mytable" border="3" width="50%"
onMouseover=setTimeout("document.getElementById('m ytable').className='bigt
ext'",2000)>
<tr><td>item1</td></tr>
<tr><td>item2</td></tr>
<tr><td>item3</td></tr>
</table>