When using Safari or Chrome, I have a problem when using the Zoom-in view tool. On an image slider it forces to add inline style of a DIV element and specifically its height (which obviously overrides any other styles).
The div should be set at 340px, but automatically changes the value to 387px, then 459px etc… incrementally based on zoom level. Also note that the images within the image slider don’t change size, and other elements don’t change either.
The issue can be seen here the troubling re-dimension…
After opening the page zoom in 1 or 2 levels then hit refresh while zooming. When I inspect(with firebug) the element Safari and Chrome adds inline styles:
<div id="djslider-loader40" class="djslider-loader" style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; height: 387px; background-position: initial initial; background-repeat: initial initial; ">
How do I prevent this behavior from the browser?
try using this code