1/2 IE6:Hover stops working in Ajax

[Sigilaea]

My previous post got squashed because m post is too long. Sorry for that:

I have an AJAX page with a CSS menu at the top. My problem is the hover functionality stops working after someone clicks on one of the details in the main blue section. This only occurs in IE6. IE7 and FF work correctly.

The URL to the page is:

http://www.coralap.com/dies281css.aspx

Steps to reproduce:
1. Mouse over the top menu and verify the hover works.
2. Click on the circle with the number "1" in it.
3. Mouse over the top menu again. The items no longer light up and the "Products" flyout no longer appears.

I use a JavaScript routine to add an event handler for IE6, so that hover works. A also use VB code-behind for the download functionality.

I will post the CSS, VB code, HTML and the JavaScript below.


The code in "capcss.css " is:
[CODE=css]body
{ background-image:url(image s/capback.jpg);}

#caplogo
{ margin:32px 0px 10px 10px;}

/*Middle Graphic******** *************** *********/
#leftside
{ float:left;}

#leftsideimage
{
float:left;
width:17px;
height:175px;
margin:0px;
background-image:url(image s/leftside.jpg);
}

#rightside
{
float:left;
width:793px;
height:175px;
background-image:url(image s/rightside.jpg);
margin-right:-5px; /*IE6 Hack. IE adds pixels to the right margin of the last item floated to the left*/
}

.fullpagewidth
{ width:979px;}

/*Menu on front page*********** ***/
#menu{ width:169px; float:left;}

#capmenu,
#capmenu ul
{
float:left;
padding:0 0 0 0;
margin:0;
list-style:none;
background-image:url(image s/leftmenuback.jp g);
position:relati ve;
z-index:200;
width:169px;
height:175px;
/*font: 16px verdana, sans-serif; */
font-family:Arial;
font-size:10pt;
font-weight:bold;
}

#capmenu li li
{ background-image:url(image s/leftmenuback.jp g);}

/* a hack for IE5.x and IE6 */
* html #capmenu li
{ float:left;}

#capmenu li a /*text for menu links on left-hand side. original*/
{
height:25px;
padding:0 0 0 5px;
color:rgb(0, 0, 0);
text-decoration:none ;
white-space:nowrap;
display:block;
width:169px;
}

#capmenu li:hover
{ position:relati ve; z-index:300; background:url( images/menulit.jpg);}

#capmenu ul
{ position:absolu te; left:-9999px; top:-9999px;}

/*hack for IE6 */
* html #capmenu, * html capmenu ul
{ width:1px;}

/*flyout pop-up*/
#capmenu li:hover > ul
{
left:-15px;
top:-1px;
margin-left:100%;
width:229px;
height:100px;
}[/code]

[code=css]/*hide sub menu*/
#capmenu li:hover > ul ul
{ position:absolu te; left:-9999px; top:-9999px; width:auto;}

/* show path followed */
#capmenu li:hover > a
{ text-decoration:none ; color: rgb(250, 250, 250);}

/*IE6 Hack flyout pop-up*/
#capmenu li:hover ul
{
left:-15px;
top:-1px;
margin-left:100%;
width:229px;
height:100px;
}

/*IE6 Hide sub menu*/
#capmenu li:hover ul ul
{ position:absolu te; left:-9999px; top:-9999px;}

/*IE6 show path followed */
#capmenu li:hover a,
#capmenu li:hover li:hover a
{ text-decoration:none ; color: rgb(250, 250, 250);}

/*IE6 hide futher possible paths */
#capmenu li:hover li a
{
text-decoration:none ;
color:#000;
width:229px; /*IE6 Hack to make lit background full menu width, and not just the width of the text*/
}
/*************** *************** *************** *************** *************** ***************/
[/code][code=css]#capcontainer
{
float:left;
width:991px;
height:540px;
position:absolu te;
left:0px;
top:0px;
}

#capleft
{
float:left;
width:814px;
margin-right:-3px;
height:530px;
}

#topcontainer
{ float:left; width:611px;}

#topdiecontaine r
{ float:left; width:775px}

#pagetitle
{ width:611px; height:56px; float:left;}

#topofpagetext
{ width:600px; float:right; padding-right:5px;}

.tabletext
{
margin-bottom:5px;
border-bottom:solid thin black;
width:600px;
float:left;
font-family:Arial;
font-size:smaller;
font-weight:bold;

}

.rightmenu
{
background-image:url(image s/ppage/rightpanelcss.j pg);
background-repeat:no-repeat;
width:180px;
height:530px;
padding-top:4px;
float:right;
}

.rightul
{
float:left;
list-style-type:none;
padding:0;
margin:14px 0px 0px 4px;
}

.rightli
{ width:168px; background-color:rgb(204,2 04,204); padding:0px 0px 0px 5px;}

* html .rightul /*IE6 Hack*/
{ width:173px; margin-left:2px;}

/*Header text for entrances.aspx*/
#htsystem
{ float:left; margin:0px 38px 0px 25px;}

#htstyle
{ float:left; margin:0px 28px 0px 20px;}

.htrailbottom
{ float:left; margin:0px 28px 0px 5px;}

#httraffic
{ float:left; margin:0px 5px 0px 5px;}

#htnarrow
{ float:left; margin:0px 10px 0px 5px;}

#htlinetwo
{ float:left; margin:0px 33px 0px 5px;}

#htlinethree
{ float:left; margin:0px 23px 0px 5px;}

#htlinefour
{ float:left; margin:0px 28px 0px 5px;}

.htlinefivesix
{ float:left; margin:0px 23px 0px 20px;}
/*Top Menu*********** *************** *************** **/
#topmenu,
#topmenu ul
{
padding:0;
margin:0;
list-style:none;
font: 10px verdana, sans-serif;
background-image:url(image s/menu/topmenuback.jpg );
border:0;
position:relati ve;
z-index:200;
}
#topmenu
{ height:20px; padding:0;}

#topmenu li
{ float:left;}
#topmenu li li
{ float:none; background:#ccc ;}
[/code][code=css]
/*hack for IE6 */
* html #topmenu li li
{ float:left;}

#topmenu li a
{
display:block;
float:left;
color:#000;
height:20px;
line-height:15px;
text-decoration:none ;
white-space:nowrap;
font-weight:bold;
}

#topmenu li li a
{ height:20px; line-height:20px; float:none;}

#topmenu li:hover
{ position:relati ve; z-index:300;}

#topmenu li:hover ul
{
left:0;
top:18px;
height:80px;
background:#ccc ;
border-bottom:solid thin white;
border-right:solid thin white;
border-left:solid thin white;
width:140px;
}

/*hack for IE6 */
* html #topmenu li:hover ul
{ left:0px;}

#topmenu ul
{ position:absolu te; left:-9999px; top:-9999px;}

/*hack for IE6 */
* html #topmenu ul
{ width:1px;}

/* show next level */
#topmenu li:hover li:hover > ul
{ left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#topmenu li:hover > ul ul
{
position:absolu te;
left:-9999px;
top:-9999px;
width:auto;
}
/* show path followed */
#topmenu li:hover > a
{ text-decoration:none ; color:#fff;}

/*flyout dropdown */
#topmenu li:hover li:hover ul
{ left:-15px; margin-left:100%; top:-1px;}

/*hide sub menu*/
#topmenu li:hover ul ul
{ position:absolu te; left:-9999px; top:-9999px;}

/* show path followed */
#topmenu li:hover a,
#topmenu li:hover li:hover a
{ text-decoration:none ; color:#fff;}

/* hide futher possible paths */
#topmenu li:hover li a,
#topmenu li:hover li:hover li a
{ text-decoration:none ; color:#000;}
/*die pages********** *************** *************** *************** *********/[/code]
[code=css]#diepagecontain er
{ width:979px; height:552px;}

#dienodecontain er
{ height:357px; width:618px; float:left;}

#dieulcontainer
{
list-style:none;
width:618px;
height:357px;
margin:0;
padding:0;
}

.licontainer
{ float:left; width:618px;}

#dierightpanelc ontainer
{
width:157px;
height:357px;
float:left;
background-image:url(image s/filepanel/rightfilepane.g if);
}

#diebottomconta iner
{ width:778px; float:left;}
/*CAPDOwnload page*********** *************** *************** *************** **/
#downloadcontai ner
{ width:814px;}

#downloadleft
{
float:left;
width:814px;
position:absolu te;
left:0;
top:0;
margin-right:-3px;
}

#downloadcustsv c
{
margin-left:201px;
height:220px;
margin-top:21px;
width:601px;
padding:0px 0px 0px 10px;
}

#downloadtitlec ustsvc
{ width:611px; margin-top:10px; margin-bottom:10px;}

#downloadcustsv cleft
{ float:left; width:218px;}

#downloadcustsv cright
{ float:right; width:238px;}

#downloadtitlec redit
{
width:601px;
margin-left:201px;
margin-top:10px;
margin-bottom:10px;
}

#downloadcredit
{
width:601px;
margin-left:201px;
height:120px;
padding:0px 0px 0px 10px;
}

#downloadcredit left
{ float:left; width:218px;}

#downloadtitlel iterature
{
width:611px;
margin-left:201px;
margin-top:10px;
margin-bottom:10px;
}

#downloadlitera ture
{
width:611px;
height:40px;
margin-left:201px;
padding:0px 0px 0px 10px;
}

#downloadlitera tureleft
{ float:left; width:218px;}

#downloadlitera tureright
{ float:right; width:238px;}

a.download{font-family:Arial; font-size:x-small;}
a.download:link {color: black; text-decoration: none;}
a.download:visi ted {color: black; text-decoration: none;}
a.download:back ground-color {color:white; text-decoration: none;}
a.download:hove r {color: black; text-decoration: none; background-color: #aaaaaa;}

a.title{ font-family:Arial Black; font-size:small;}
/****companyinfo .aspx********** *************** *************** *************** *****/
#companyinfotit le
{
display:block;
width:600px;
margin-left:201px;
margin-top:40px;
height:20px;
padding:0px 0px 0px 10px;
}

#companyinfocon tainer
{ width:600px; float:right; padding-top:10px;}

p.text{ font-family:Arial; font-size:small; font-weight:bold;}
/******gallery.a spx************ *************** *************** *************** *****/
p.gallery
{ font-family:Arial; font-size:larger; font-weight:bold; text-align:center; margin-top:30%;}

#gallerycontain er
{ width:600px; height:530px; margin:21px 0px 0px 201px;}
[/CODE]



The code in "tophover.j s" is:

[CODE=javascript]Hover = function() {
var cssRule;
var newSelector;
for (var i = 0; i < document.styleS heets.length; i++)
for (var x = 0; x < document.styleS heets[i].rules.length ; x++)
{
cssRule = document.styleS heets[i].rules[x];
if (cssRule.select orText.indexOf( "LI:hover") != -1)
{
newSelector = cssRule.selecto rText.replace(/LI:hover/gi, "LI.iehover ");
document.styleS heets[i].addRule(newSel ector , cssRule.style.c ssText);
}
}
var getElm = document.getEle mentById("topme nu").getElement sByTagName("LI" );
for (var i=0; i<getElm.length ; i++) {
getElm[i].onmouseover=fu nction() {
this.className+ =" iehover";
}
getElm[i].onmouseout=fun ction() {
this.className= this.className. replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachE vent) window.attachEv ent("onload", Hover);
[/CODE]


HTML code is posted in the 2nd post. VERY sorry for this.

[Sigilaea]

This is the continuation of my post. Sorry it is so long.

Code in the VB code-behind is:
[CODE=vb]Partial Class dies281css
Inherits System.Web.UI.P age

Protected Sub imgbNode1_Click (ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Me.cboFiles.Ite ms.Clear()
Me.cboFiles.Ite ms.Add("COC Header")
Me.cboFiles.Ite ms.Add("N-Door-Frame-Header")
Me.imgbPane.Ima geUrl = "fl500/images/fl500Elev/fl500Details/n1/n1.jpg"
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.dwg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
Session("Node") = "1"
Me.imgbPane.Hot Spots.Clear()
Call Add_Node1_Hotsp ots()
End Sub

Protected Sub imgbNode2_Click (ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Me.cboFiles.Ite ms.Clear()
Me.cboFiles.Ite ms.Add("N-Int-Door-Jamb")
Me.imgbPane.Ima geUrl = "fl500/images/fl500Elev/fl500Details/n2/n2.jpg"
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.dw g"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.pd f"
Session("Node") = "2"
Me.imgbPane.Hot Spots.Clear()
Call Add_Node2_Hotsp ots()
End Sub

Protected Sub imgbNode3_Click (ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Me.cboFiles.Ite ms.Clear()
Me.cboFiles.Ite ms.Add("D108-Threshold")
Me.cboFiles.Ite ms.Add("D109-Threshold")
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.d wg"
Me.imgbPane.Ima geUrl = "fl500/images/fl500Elev/fl500Details/n3/nm3.jpg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.p df"
Session("Node") = "3"
Me.imgbPane.Hot Spots.Clear()
Call Add_Node3_Hotsp ots()
End Sub

Protected Sub imgbNode4_Click (ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Me.cboFiles.Ite ms.Clear()
Me.cboFiles.Ite ms.Add("N-Door-Jamb")
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
Me.imgbPane.Ima geUrl = "fl500/images/fl500Elev/fl500Details/n4/n4.jpg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
Session("Node") = "4"
Me.imgbPane.Hot Spots.Clear()
Call Add_Node4_Hotsp ots()
End Sub

Protected Sub imgbNode4Opp_Cl ick(ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Me.cboFiles.Ite ms.Clear()
Me.cboFiles.Ite ms.Add("N-Door-Jamb")
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
Me.imgbPane.Ima geUrl = "fl500/images/fl500Elev/fl500Details/n4/n4.jpg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.dwg"
Session("Node") = "4"
Me.imgbPane.Hot Spots.Clear()
Call Add_Node4_Hotsp ots()
End Sub

Protected Sub imgbNode5_Click (ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Me.cboFiles.Ite ms.Clear()
Me.cboFiles.Ite ms.Add("N-MTG-STILES")
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.dwg"
Me.imgbPane.Ima geUrl = "fl500/images/fl500Elev/fl500Details/n5/n5.jpg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.pdf"
Session("Node") = "5"
Me.imgbPane.Hot Spots.Clear()
Call Add_Node5_Hotsp ots()
End Sub

Protected Sub imgbNode6_Click (ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Me.cboFiles.Ite ms.Clear()
Me.cboFiles.Ite ms.Add("COC-Transom-Bar")
Me.cboFiles.Ite ms.Add("N-Transom-Bar")
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.dwg"
Me.imgbPane.Ima geUrl = "fl500/images/fl500Elev/fl500Details/n6/n6.jpg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
Session("Node") = "6"
Me.imgbPane.Hot Spots.Clear()
Call Add_Node6_Hotsp ots()
End Sub[/code]
[code=vb]
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArg s) Handles Me.Load
If Not IsPostBack Then
Me.imgbNode1.At tributes.Add("o nmouseover", "this.src='fl50 0/images/row2/Node1Lit-281.jpg'")
Me.imgbNode1.At tributes.Add("o nmouseout", "this.src='fl50 0/images/row2/Node1-281.jpg'")

Me.imgbNode2.At tributes.Add("o nmouseover", "this.src='FL50 0/images/row3/Node2Lit-281.jpg'")
Me.imgbNode2.At tributes.Add("o nmouseout", "this.src='FL50 0/images/row3/Node2-281.jpg'")

Me.imgbNode3.At tributes.Add("o nmouseover", "this.src='FL50 0/images/row4/Node3Lit-281.jpg'")
Me.imgbNode3.At tributes.Add("o nmouseout", "this.src='FL50 0/images/row4/Node3-281.jpg'")

Me.imgbNode4.At tributes.Add("o nmouseover", "this.src='FL50 0/images/row4/Node4Lit-281.jpg'")
Me.imgbNode4.At tributes.Add("o nmouseout", "this.src='FL50 0/images/row4/Node4-281.jpg'")
Me.imgbNode4Opp .Attributes.Add ("onmouseove r", "this.src='FL50 0/images/row4/Node4oppLit-281.jpg'")
Me.imgbNode4Opp .Attributes.Add ("onmouseout ", "this.src='FL50 0/images/row4/Node4opp-281.jpg'")

Me.imgbNode5.At tributes.Add("o nmouseover", "this.src='fl50 0/images/row3/Node5Lit-281.jpg'")
Me.imgbNode5.At tributes.Add("o nmouseout", "this.src='FL50 0/images/row3/Node5-281.jpg'")

Me.imgbNode6.At tributes.Add("o nmouseover", "this.src='fl50 0/images/row2/Node6Lit-281.jpg'")
Me.imgbNode6.At tributes.Add("o nmouseout", "this.src='fl50 0/images/row2/Node6-281.jpg'")

Me.imgbTitle281 .Attributes.Add ("onmouseove r", "this.src='fl50 0/images/row1/narrowtitle281l it.jpg'")
Me.imgbTitle281 .Attributes.Add ("onmouseout ", "this.src='fl50 0/images/row1/narrowtitle281. jpg'")
End If
End Sub

Protected Sub cboFiles_Select edIndexChanged( ByVal sender As Object, ByVal e As System.EventArg s)
Select Case Session("node")
Case "1"
If Me.cboFiles.Sel ectedIndex = 0 Then
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.dwg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
ElseIf Me.cboFiles.Sel ectedIndex = 1 Then
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADE R.dwg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADE R.pdf"
End If
Case "3"
If Me.cboFiles.Sel ectedIndex = 0 Then
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.d wg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.p df"
ElseIf Me.cboFiles.Sel ectedIndex = 1 Then
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.d wg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.p df"
End If
Case "6"
If Me.cboFiles.Sel ectedIndex = 0 Then
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.dwg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
ElseIf Me.cboFiles.Sel ectedIndex = 1 Then
Me.hlGetAcadFil e.NavigateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.dwg"
Me.hlGetPDF.Nav igateUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.pdf"
End If
End Select
End Sub[/code]

[code=vb] Protected Sub Add_Node1_Hotsp ots()
Dim hotspot1 As New RectangleHotSpo t
Dim hotspot2 As New RectangleHotSpo t
hotspot1.HotSpo tMode = HotSpotMode.Nav igate
hotspot1.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n1/COCHEADER.pdf"
hotspot1.Top = 0
hotspot1.Left = 0
hotspot1.Bottom = 168
hotspot1.Right = 260
hotspot1.Altern ateText = "N-Door-Frame-Header"
hotspot1.Target = "_blank"
hotspot2.HotSpo tMode = HotSpotMode.Nav igate
hotspot2.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n1/NDOORFRAMEHEADE R.pdf"
hotspot2.Top = 0
hotspot2.Left = 265
hotspot2.Bottom = 168
hotspot2.Right = 756
hotspot2.Altern ateText = "COC Header"
hotspot2.Target = "_blank"
Me.imgbPane.Hot Spots.Add(hotsp ot1)
Me.imgbPane.Hot Spots.Add(hotsp ot2)
End Sub

Protected Sub Add_Node2_Hotsp ots()
Dim hotspot1 As New RectangleHotSpo t
hotspot1.HotSpo tMode = HotSpotMode.Nav igate
hotspot1.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n2/NINTDOORJAMB.pd f"
hotspot1.Top = 0
hotspot1.Left = 0
hotspot1.Bottom = 168
hotspot1.Right = 756
hotspot1.Altern ateText = "N-Int-Door-Jamb"
hotspot1.Target = "_blank"
Me.imgbPane.Hot Spots.Add(hotsp ot1)
End Sub

Protected Sub Add_Node3_Hotsp ots()
Dim hotspot1 As New RectangleHotSpo t
Dim hotspot2 As New RectangleHotSpo t
hotspot1.HotSpo tMode = HotSpotMode.Nav igate
hotspot1.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n3/D108THRESHOLD.p df"
hotspot1.Top = 0
hotspot1.Left = 0
hotspot1.Bottom = 168
hotspot1.Right = 260
hotspot1.Altern ateText = "D108-Threshold"
hotspot1.Target = "_blank"
hotspot2.HotSpo tMode = HotSpotMode.Nav igate
hotspot2.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n3/D109THRESHOLD.p df"
hotspot2.Top = 0
hotspot2.Left = 265
hotspot2.Bottom = 168
hotspot2.Right = 756
hotspot2.Altern ateText = "D109-Threshold"
hotspot2.Target = "_blank"
Me.imgbPane.Hot Spots.Add(hotsp ot1)
Me.imgbPane.Hot Spots.Add(hotsp ot2)
End Sub

Protected Sub Add_Node4_Hotsp ots()
Dim hotspot1 As New RectangleHotSpo t
hotspot1.HotSpo tMode = HotSpotMode.Nav igate
hotspot1.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n4/NDOORJAMB.pdf"
hotspot1.Top = 0
hotspot1.Left = 0
hotspot1.Bottom = 168
hotspot1.Right = 756
hotspot1.Altern ateText = "N-Door-Jamb"
hotspot1.Target = "_blank"
Me.imgbPane.Hot Spots.Add(hotsp ot1)
End Sub

Protected Sub Add_Node5_Hotsp ots()
Dim hotspot1 As New RectangleHotSpo t
hotspot1.HotSpo tMode = HotSpotMode.Nav igate
hotspot1.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n5/NMTGSTILES.pdf"
hotspot1.Top = 0
hotspot1.Left = 0
hotspot1.Bottom = 168
hotspot1.Right = 756
hotspot1.Altern ateText = "N-MTG-Stiles"
hotspot1.Target = "_blank"
Me.imgbPane.Hot Spots.Add(hotsp ot1)
End Sub

Protected Sub Add_Node6_Hotsp ots()
Dim hotspot1 As New RectangleHotSpo t
Dim hotspot2 As New RectangleHotSpo t
hotspot1.HotSpo tMode = HotSpotMode.Nav igate
hotspot1.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n6/COCTRANSOM BAR.pdf"
hotspot1.Top = 0
hotspot1.Left = 0
hotspot1.Bottom = 168
hotspot1.Right = 260
hotspot1.Altern ateText = "COC-Transom-Bar"
hotspot1.Target = "_blank"
hotspot2.HotSpo tMode = HotSpotMode.Nav igate
hotspot2.Naviga teUrl = "fl500/images/fl500Elev/fl500Details/n6/NTRANSOM BAR.pdf"
hotspot2.Top = 0
hotspot2.Left = 265
hotspot2.Bottom = 168
hotspot2.Right = 756
hotspot2.Altern ateText = "N-Transom-Bar"
hotspot2.Target = "_blank"
Me.imgbPane.Hot Spots.Add(hotsp ot1)
Me.imgbPane.Hot Spots.Add(hotsp ot2)
End Sub

Protected Sub imgbTitle281_Cl ick(ByVal sender As Object, ByVal e As System.Web.UI.I mageClickEventA rgs)
Server.Transfer ("dies381.aspx" )
End Sub

Protected Sub imgbPane_Click( ByVal sender As Object, ByVal e As System.Web.UI.W ebControls.Imag eMapEventArgs)

End Sub
End Class
[/CODE]

HTML code is :

[HTML]<%@ Page Language="VB" AutoEventWireup ="false" CodeFile="dies2 81css.aspx.vb" Inherits="dies2 81css" %>

<%@ Register Assembly="Syste m.Web.Extension s, Version=1.0.610 25.0, Culture=neutral , PublicKeyToken= 31bf3856ad364e3 5"
Namespace="Syst em.Web.UI" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Coral Dies - 281</title>
<link rel="stylesheet " type="text/css" href="capcss.cs s" />
</head>
<!--[if lte IE 6]>
<script src="TopHover.j s" type="text/javascript"></script>
<![endif]-->
<body background="ima ges/capback.jpg">
<form id="form1" runat="server">
<asp:ScriptMana ger ID="ScriptManag er1" runat="server" EnablePartialRe ndering=true>
</asp:ScriptManag er>
<asp:UpdatePane l ChildrenAsTrigg ers=true ID="UpdatePanel 1" runat="server" UpdateMode=Cond itional>
<Triggers><asp: PostBackTrigger ControlID="imgb Title281"/></Triggers>
<ContentTemplat e>
<div id="diepagecont ainer">
<img alt="imgLeftPan el" src="images/menu/capleftsideInst ruct281.jpg" align="left"/>
<div id="topdieconta iner">
<ul id="topmenu">
<li><a href="http://www.coralap.com/default.aspx">& nbsp;&nbsp;Home |&nbsp;</a></li>
<li><a href="http://www.coralap.com/companyinfo.asp x">Company Info |&nbsp;</a></li>
<li><a href="#nogo">Pr oducts |&nbsp;</a>
<ul>
<li><a href="http://www.coralap.com/entrances.aspx" >Entrances</a></li>
<li><a href="http://www.coralap.com/sffl200.aspx">S torefront Systems</a></li>
<li><a href="http://www.coralap.com/sfPW251.aspx">C urtain Wall Systems</a></li>
<li><a href="http://www.coralap.com/hurricane.aspx" >Hurricane Resistant</a></li>
</ul>
</li>
<li><a href="http://www.coralap.com/contactus.aspx" >Contact Us |&nbsp;</a></li>
<li><a href="http://www.coralap.com/gallery.aspx">G allery |&nbsp;</a></li>
<li><a href="http://www.coralap.com/news.aspx">News |&nbsp;</a></li>
<li><a href="http://www.coralap.com/careers.aspx">C areers</a></li>
</ul>
</div>
<div id="dienodecont ainer">
<ul id="dieulcontai ner">
<li class="licontai ner">
<img alt="imgr1c1" src="FL500/images/row1/r1-281.jpg" align="left" />
<asp:ImageButto n ID="imgbTitle28 1" runat="server" ImageUrl="~/FL500/images/row1/narrowtitle281. jpg" ImageAlign="lef t" OnClick="imgbTi tle281_Click" />
</li>
<li class="licontai ner">
<img alt="imgr2c1" src="FL500/images/row2/r2c1-281.jpg" align="left" />
<asp:Imagebutto n ImageAlign="lef t" ID="imgbNode1" runat="server" ImageUrl="~/FL500/images/row2/node1-281.jpg" OnClick="imgbNo de1_Click" />
<asp:Imagebutto n ImageAlign="lef t" ID="imgbNode6" runat="server" ImageUrl="~/FL500/images/row2/node6-281.jpg" OnClick="imgbNo de6_Click" />
</li>
<li class="licontai ner">
<asp:Imagebutto n ImageAlign="lef t" ID="imgbNode5" runat="server" ImageUrl="~/FL500/images/row3/node5-281.jpg" OnClick="imgbNo de5_Click" />
<asp:Imagebutto n ImageAlign="lef t" ID="imgbNode2" runat="server" ImageUrl="~/FL500/images/row3/node2-281.jpg" OnClick="imgbNo de2_Click" />
<img alt="imgr3c3" src="FL500/images/row3/r3c3-281.jpg" align="left" />
</li>
<li class="licontai ner">
<asp:Imagebutto n ImageAlign="lef t" ID="imgbNode4" runat="server" ImageUrl="~/FL500/images/row4/node4-281.jpg" OnClick="imgbNo de4_Click" />
<asp:Imagebutto n ImageAlign="lef t" ID="imgbNode3" runat="server" ImageUrl="~/FL500/images/row4/node3-281.jpg" OnClick="imgbNo de3_Click" />
<asp:Imagebutto n ImageAlign="lef t" ID="imgbNode4Op p" runat="server" ImageUrl="~/FL500/images/row4/node4opp-281.jpg" OnClick="imgbNo de4Opp_Click" />
</li>
</ul>
</div>
<div id="dierightpan elcontainer">
<asp:imagebutto n id="imgbFileTit le" runat="server" ImageUrl ="~/images/filepanel/BlankDetail.gif " style="margin-left:8px; width:137px;" imagealign="tex ttop"/>
<br />&nbsp;&nbsp;&n bsp;&nbsp;
<asp:HyperLin k ID="hlGetAcadFi le" runat="server" Font-Bold="True" Font-Size="X-Small">Get Autocad File</asp:HyperLink>< br />
<br />&nbsp;&nbsp;&n bsp;&nbsp;
<asp:HyperLin k ID="hlGetPDF" runat="server" Font-Bold="True" Font-Size="X-Small">Get PDF</asp:HyperLink>< br />
<br />&nbsp;&nbsp;&n bsp;&nbsp;
<asp:DropDownLi st ID="cboFiles" runat="server" Width="128px" Font-Size="XX-Small" AutoPostBack="t rue" OnSelectedIndex Changed="cboFil es_SelectedInde xChanged"></asp:DropDownLis t><br /><br /><br /><br /><br />
&nbsp;&nbsp;&nb sp;&nbsp;<asp:H yperLink NavigateUrl="~/NarrowStile/AllNarrowStileA cadFiles.zip" ID="hlGetAllAca dFiles" runat="server" Font-Bold="True" Font-Size="XX-Small">All Details(dwg)-2 Mb</asp:HyperLink>< br /><br />
&nbsp;&nbsp;&nb sp;<asp:HyperLi nk NavigateUrl="~/NarrowStile/ALLNarrowStilep dfs.zip" ID="hlGetAllPDF s" runat="server" Font-Bold="True" Font-Size="xX-Small">All Details(pdf)-159 Kb</asp:HyperLink>< br />
</div>
<div id="diebottomco ntainer">
<img alt="imgLeftBor der" src="images/filepanel/LeftBorder.gif" align="left"/>
<asp:ImageMap ID="imgbPane" runat="server" ImageUrl="~/images/filepanel/Pane.gif" ImageAlign="Lef t" OnClick="imgbPa ne_Click" />
<img alt="imgRightBo rder" src="images/filepanel/rightborder.gif " align="left" />
</div>
</div>
</ContentTemplate >
</asp:UpdatePanel >
</form>
</body>
</html>[/HTML]

[acoder]

I've moved the VB code to the second post so that the code appears. Also, code tags make code more readable.

You didn't need to post all that code. Just the relevant parts would've sufficed. If we did need to see more code, we could ask for it (and you did provide a link).

I tried the link in IE6 and it works fine. I clicked 1, 2, 3 and the hover still works.

[Sigilaea]

Sorry about the lengthy post. But on other boards I have been flamed for not providing enough code and information.

Also, I found a solution to my problem but you tested it before I could log in here to post it.

The code below allows the HTML page to reload the "Hover" javascript when a partial update is made. I Put it at the end of the page, after the "</asp:UpdatePanel >" tag and before the "</form>" tag.

Thanks for replying.

 <!--[if lte IE 6]>
        <script src="TopHover.js" type="text/javascript"></script>
        <script type="text/javascript" language="javascript">
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            prm.add_pageLoaded(Hover);
        </script>
    <![endif]-->

[acoder]

Sorry about the lengthy post. But on other boards I have been flamed for not providing enough code and information.

Hehe, here there was just a tad too much that the software couldn't take it and hid your post!

Also, I found a solution to my problem but you tested it before I could log in here to post it.

Glad you got it working and thanks for posting the solution.