[Webdev] hiding images in divs

[Ken Guest]

on a site that's being developed, to increase the perceived speed of 
searching through the database,
we've an image inside a span that we display before starting the search 
with:

<div id="txtShowHide" style="display:;">
<center>
<img src="server_on_fire_md_wht.gif" name="pic1"><br>
<img src="wait.gif" name="pic2">
</center>
</div>




It's hidden after the search has completed by changing the style of the DIV:

<script language="javascript">
<!--
txtShowHide.style.display = "none";
-->
</script>

This will only work on Internet Explorer, not Mozilla though.
Tried it with spans instead - no difference.

I've a feeling I might need to specify a hidden style for the div or span,
and was wondering what's the cross-browser recommended way of doing this?

k.


________________________________________________________________________
This email has been scanned for all viruses by the MessageLabs SkyScan
service. For more information on a proactive anti-virus service working
around the clock, around the globe, visit http://www.messagelabs.com
________________________________________________________________________