jQuery Isotype items overlapping onLoad in IE8 - defined width list items, not images -

the issue isotope's overlapping items documented, seems else using images , problem solved using $(window).load(function(){ ..... }); or 'imagesloaded' plugin.

i finding browsers work fine except ie8 experience overlapping. problem onload; if click of filters style correct. i've tried wrapping script in $(window).load(function(){ ..... }); , doesn't work!

when use ie inspector, appears though width isotope calculating 80px off in ie8.

these in <ul> , <li>'s have defined of 349px. in chrome, when use inspector can see adds correct width of 379px (this 349px width + 30px left margin) in inline stlyes on <li> element:

position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(379px, 0px, 0px);

in ie8, however, adds following inline style:

left: 299px; top: 0px; position: absolute;

other css details:

• the margin left of each item 30px
• the container <ul> has negative margin of -30px level grid
• the padding set on element inside <li> , 20px
• the image has width of 75px defined

i can't work out why it's overlapping 80px or how stop it! driving me insane.

any help? wanted write fiddle show struggled jsfiddle , ie8, jsfiddle.net/draft/.

in case stumbles across tumbleweed question, ended having resolve using % widths on items media query had causing issue.

in actual fact, media query issue seemed happen in ie8 targetted browser styles used % widths.