Hello,

I have just a div tag into my menu table ( a javascript dropdown) but it seems to have moved the images around so that the menu is not totally aligned as it is without the tag. The dodgy looking menu can be seen here:

http://www.omniplex.co.uk/networking/index300.asp

and here is the code causing the problem:

-----------------------------

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="./background.asp"><img src="images/omni_12.gif" alt="Inside omniplex" width=103 height=27 border="0"></a>

</td>

<td><a href="./news.asp"><img src="images/omni_13.gif" alt="News" width=55 height=27 border="0"></a>
</td>

<td>
<!-- Dropdown Menu -->
<div id="menu_parent" >
<img src="images/omni_14.gif">
</div>

<div id="menu_child"
style="position: absolute; visibility: hidden; background: #FFFFEE;">
<font face="Arial" size="2">

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/password.asp">Authentication</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/products.asp?code=&typeid=1012922612&parent=welcom e">Data Encryption</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/patchlink.asp">Patch Management</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/endpoint.asp">End Point</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/Thin.asp">Remote Access</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/products.asp?code=&typeid=1&parent=welcome">Termin al Emulaion</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/FTP.asp">File Transfer</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/products.asp?code=&typeid=4&parent=welcome">X-Server</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/NetworkMan.asp">Network Management</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/NetworkAna.asp">Network Analysis</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="http://www.omniplex.co.uk/networking/ClustaReplica.asp">Cluster Replication</a>

<a style="display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="http://www.omniplex.co.uk/networking/products.asp?code=&typeid=1004165691&parent=welcom e">PowerTCP</a>

</div>

<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>

</td>

<td align="right"><a href="./supportmenu.asp"><IMG SRC="images/omni_15.gif" ALT="Support" WIDTH=66 HEIGHT=27 border="0"></a></td>

<td align="right"><a href="./infodesk.asp?eflag=all"><IMG SRC="images/omni_16.gif" ALT="Information Desk" WIDTH=111 HEIGHT=27 border="0"></a></td>

</tr>
</table></td>

-----------------------------

Apologies if all my nice formatting has been lost in the paste any thoughts will be greatly recieved.

I am not seeing anything weird, though I don't have a copy of IE to test. But I noticed you can save yourself a ton of code by creating a class for the menu links, instead of repeating the

 display: block; width: 145px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none

over and over again. Just remove the styles from the links and create a stylesheet with this:

#menu_child a {
display: block;
width: 145px;
border: 1px solid black;
padding: 0px 5px;
text-decoration: none;
font-weight: 900;
color: #0000C0;
border-bottom: none
}

and it'll help simplify things. As for your other problem, I'm not sure what you're seeing, what browsers/OS are you using?

Hello Thanks for writing back since yesterday we have noticed the problem is only aparant in IE, if anyone can explain how to make the menu to appear correctly in both browsers that would be great.

As for Bill Gates, I agree that no other man has done as much for modern computing than you, but if meet you it'll be knuckle sandwhiches for Breakfast, lunch and dinner - grrrrr!