html - Why won't a div with a scrollbar drag in IE 8? -


i have div following rules:

div#eventbox {     overflow: auto;     text-align: center;     height: 300px;     border: 2px inset #888;     width: 95%;     margin: auto;     -moz-border-radius: 5px 0px 0px 5px;     -ms-border-radius: 5px 0px 0px 5px;     border-radius: 5px 0px 0px 5px;     background-color: #1a5c17;     background-image: url("/images/background_images/grungepaper.jpg");     behavior: url(/resources/pie.htc); } 

everything works in it, except in ie 8 (tests fine in ie 9). in ie 8 when try "click , drag" scrollbar, becomes "unclicked" after mousedown, preventing ie users on 32-bit machines using scrollbar feature. else scrollbar works fine, clicking arrows, clicking space between arrow , scrollbar, , using mousewheel.

i have tried removing behavior: url(/resources/pie.htc); rule, problem persists.

do div's overflow auto not work/have bugs in ie 8?

also, has been tested in 32-bit , 64-bit versions of ff , chrome, , works fine there, too.

update:

i have tested consistently , can't seem figure out what's going on, nor can see examples of ever happening else online. tested rule div#eventbox being overflow: auto;, overflow: scroll;, overflow-y: auto;, and/or overflow-y: scroll; , problem still persists. every time click scrollbar in ie 8 (no compatibility mode) loses focus.

i find hard believe known bug (because of 0 relevant search results) believe have messed up, since takes 1 div overflowing content producing scrollbar cause glitch.

if rich man, when internet explorer 8 being developed, have gladly paid microsoft's internet explorer project team take class on "best practices" , "adhering standards".

update 2:

actually if double-click scrollbar fast , hold down second click, can hold of in ie 8. of course, still no end-user perspective, perhaps behavior explain cause.

final update (solution):

from advice received comments post, decided remove script , css , start adding things in, 1 @ time. error wasn't in script, in css. whatever reason behavior: url(/resources/pie.htc); set on main site wrapper div (far dom tree problem element) apparently causing problem. still don't know how, solution me remove pie element, in turn broke other 2 pie references, able fix setting position relative. now, seems work fine in ie 8, moment experience other problems result of using pie, purge site.

try changing overflow: auto; overflow: scroll;

sorry posting short answer instead of comment, i'm quite fresh here , reputation, don't think commenting enabled me.


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -