[basic question] JQuery not working in IE

[basic question] JQuery not working in IE

Hi,
Just started to experiment with JQuery. I have some basic functions to animate something, but they only seem to work in FF, Safari, Opera... but of course not in IE 6.0.

I don't know what I'm doing wrong, yet.
Tried adding the DTD doctype etc... nothing changes.
Can someone help?
Demo right here

  1. <html>
    <head>
    <title>test</title>

     <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
     <script type="text/javascript" src="js/jquery-ui-1.8.2.min.js"></script> 

    <script type="text/javascript">



    $(document).ready(function() {
     
    $('#one').mouseover(function() {
    $('#two').hide('slow');
    });

    $('#one').mouseout(function() {
    $('#two').show('slow');
    });

    $("#two").click(function(){
     $("#three").animate({ 
     marginLeft: "+=50px",
     }, 500 ).animate({ 
     marginTop: "+=100px",
     }, 300 ).animate({ 
     marginLeft: "+=50px",
     }, 500 ); 
    });

    $('#three').draggable();

    });
     
    </script>









































    <style>
    body { font-family: Verdana, Arial; font-size: 3.5mm;; }

    li { display: block; float: left;
    width: 50px; margin: 5px; padding: 15px;
    border: solid 2px #000000; background-color: #FFEBCD; text-align: center; 
    }


    </style>

    </head>
    <body>



    <ul>
    <li id="one">hover </li>
    <li id="two">click </li>
    <li id="three">drag </li>
    </ul>






















    </body>
    </html>