Jquery Cycle Plugin Issue

Jquery Cycle Plugin Issue

Getting this error 

SCRIPT438: Object doesn't support property or method 'innerHeight' 
jquery.cycle.all.js, line 364 character 2


For a simple fade cycle.

   $(document).ready(function() {
            $('#image1').cycle({fx: 'fade' });
           
    });

<div id='image1'  style='height: 232px; width: 232px; margin: auto'><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/0.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/1.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/2.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/3.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/4.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/5.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/6.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/7.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/8.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/9.jpg' /></div>

Can someone please help me