dezanylegiheh
New Member
G'day, I'm getting really weird behavior on IE (8/7/6) for an absolutely positioned element. It is styled as: position: absolute;right: 5px;top: 0px;z-index: 5000;and the \[code\]<body>\[/code\] has a vertical scrollbar. When the page is first rendered, the absolute positioned div is rendered such that the 5 pixels are taken from the edge of the \[code\]<body>\[/code\] element. But whenever there is a \[code\]:hover\[/code\] or AJAX event in the body, the absolutely positioned element is re-rendered and now the 5 pixels are taken from the edge of the scrollbar! The markup/css is too big/complicated to post here, but I've attached some screenshots of the 'activity' tab in the top right corner:When the page is first rendered: http://i.imgur.com/xumcu.jpgWhen the AJAX event is triggered: http://i.imgur.com/VirKc.jpgI've tried making sure it's not a hasLayout issue and I even tried JavaScript "correcting" the style of the element on certain events BUT in both cases, IE thinks the "right" value is "5px". Any ideas what the problem here might be?! Thanks.