First of all:
<script language="JavaScript">

<script> //<--- ????Remove??

<!--HPB_SCRIPT_INFO_40
//HPB_VFX_EVT Element:BODY Event:OnLoad
Handler:HpbVfxinit('Layer1','HpbVfx0301','J232',0,0,0); 
//HPB_VFX_PAR Element:BODY Event:OnLoad LayerID:Layer1 Entry:HpbVfx0301
Param:J232 1stDelay:0 NxtDelay:0 Loop:0 
//-->
</script>

Second: at your bottom page:
I beleive that your table won't appear centered if it's in a div with a
specified Absolute position and it is 900+ pixels wide thus, the scrollbar.
Try setting your div's width to the screen width or center the div. The
table is centered in the div, not relative to the screen.....
Your div:
<div id="Layer1" style="position : absolute;height : 100px;z-index :
1;visibility : hidden;width : 920px;left : 50px;top : 137px;">

third: the dotted line will form coz the image has focus.. To patch it for
IE: Set the focus to something else on the page i beleive it's
WhateverObject.focus in IE4. (Remember now that you only want to do this for
IE browsers so do the test.. Set focus to a div somewhere on your page after
the onclick event. Beware of IE scrolling to the newly focussed object)

Another tip if i may.
Considder using includes for your code. It makes the page more sensible to
read..
Also, Make the images at the top smaller. The circle thingy's are too big.

HTH
Cheerz
Beer

• Web Designer Courses
• Off the Shelf Training Courses

HWG hwg-techniques mailing list archives, maintained by Web Professional Association - IWA