JQuery Cycle IE related Problem

JQuery Cycle IE related Problem

Hello,

I am new to JQuery and am having a problem using the cycle plugin. For some reason when using the Cycle plugin, all the images animate fine in Firefox and Safari but not in IE. Any help solving this issue would be greatly appreciated. After looking through google I found several issues related to this plugin caused by a trailing comma, but I don't seem to have that problem (or at least I can't find it anyway!). Here is my CSS:

.banner {
            width:820px;
            height:205px;
            margin: auto;
            top:20px;
            }
   
    .banner img{
               padding:1px;
               border: 1px solid #CCC;
               background-color: #EEE;
               }

and here is my javascript in the head of my HTML:

<script type="text/javascript" src="javascript/jquery-1.3.2.js"></script>
        <script type="text/javascript" src="javascript/jquery.cycle.all.min.js"</script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".banner").cycle({
                    fx:"scrollDown"
                });
            });
        </script>

and here is the banner div in the body of the HTML:

<div class="banner">
        <img src="images/logo1.jpg" width="820" height="205" alt="logo1.jpg"></img>
        <img src="images/logo2.jpg" width="820" height="205" alt="logo2.jpg"></img>
        <img src="images/logo3.jpg" width="820" height="205" alt="logo3.jpg"></img>
        <img src="images/logo4.jpg" width="820" height="205" alt="logo4.jpg"></img>
        <img src="images/logo5.jpg" width="820" height="205" alt="logo5.jpg"></img>
        <img src="images/logo6.jpg" width="820" height="205" alt="logo6.jpg"></img>
        <img src="images/logo7.jpg" width="820" height="205" alt="logo7.jpg"></img>
        <img src="images/logo8.jpg" width="820" height="205" alt="logo8.jpg"></img>
    </div>

I am not sure whether this problem could be caused because the banner is contained within another div which is here:

.allInsideHere {
                      display:block;
                    width: 850px;
                    height: 820px;
                    margin: 0 auto;
                    border-style: solid;
                    border-color: #EEEEEE;
                    position: relative;
                      background-color: #6A93D4;
                    top:40px;
                }

Or whether there is a bonus comma in there or whether I have just implemented the plugin wrong although I have tried to keep it as simple as possible. Any advice, feedback and comments would be great. Thank you for time.

Cheers,

Mendoza3000