Add this script to the overall_header.tpl - - - or create a .js file from it and add a (Path) link in either the overall_header.tpl before the </head>, or add the link to the overall_include.tpl of your theme.
<script type="text/javascript">
Nom = navigator.appName
Version = navigator.appVer
if (Nom == 'Microsoft Internet Explorer') {
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
window.attachEvent("onload", alphaBackgrounds);
document.writeln('<style type="text/css">img { visibility:visible; } </style>');
}
// Sleight Background
function alphaBackgrounds(){
var rslt = navigator.appVersion.match(/MSIE (d+.d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
for (i=0; i<document.all.length; i++){
var bg = document.all[i].currentStyle.backgroundImage;
if (itsAllGood && bg){
if (bg.match(/.png/i) != null){
var mypng = bg.substring(5,bg.length-2);
document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";
document.all[i].style.backgroundImage = "url('/assets/images/x.gif')";
}
}
}
}
}
</script>
In your theme .css find ALL occurrences of: little_box.png and change to little_box.gif
In your theme images/colour etc: find little_box.png and rename it to little_box.gif
If this patch solves your scrolling problem, then you should really convert the .png's to gif to avoid any other problems with graphic handlers. If you can't convert it, then download the attached gif and use that.
I couldn't understand why they don't make it fully CSS and PNG compliant.