[basic question] JQuery not working in IE

Just started to experiment with JQuery. I have some basic functions to animate something, but they only seem to work in FF, Safari, Opera… and of course not in IE.
I don’t know what I’m doing wrong, yet.
Can someone help?


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

<script type="text/javascript">

$(document).ready(function() {
$('#one').mouseover(function() {

$('#one').mouseout(function() {

    marginLeft: "+=50px",
  }, 500 ).animate({ 
    marginTop: "+=100px",
  }, 300 ).animate({ 
    marginLeft: "+=50px",
  }, 500 );  



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; 



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


Doesn’t change anything here.
Which version of IE are you using? I’m using IE 6.0

Does adding a DTD help?


Offline the document works correctly.


Works fine !
Thanks a lot.

I see also that if you want to change multple styles, you just put the comma in between

marginLeft: “+=50px”, marginTop: “+=100px”
}, 500 );

Ooh IE6 … remove the commas after the px values

    marginLeft: "+=50px"
  }, 500 ).animate({ 
    marginTop: "+=100px"
  }, 300 ).animate({ 
    marginLeft: "+=50px"
  }, 500 );  

Thanks, but still not working… :s

I uploaded the page here:

The second library is wrong, use: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js