slideDown() doesnt work perfectly in Firefox...

slideDown() doesnt work perfectly in Firefox...

Hey!

I've just started with jQuery and I must say - it's great!

But I've a problem with my code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
 
  <script type="text/javascript">
  $(document).ready(function(){

   
      $('#mydiv').show("midlle", function(){
    
     $('#text').slideDown("middle");
    
     });
    
    


  });
  </script>
  <style type="text/css">
  @import url(css.css);
 
 
  </style>
</head>
<body>
 
  <div id="mydiv" style="display:none;">
   <span id="text" style="display:none;">
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, da tersum il consate vonus ilnus.
   </span>
  </div>
</body>
</html>


In FF, the sliding stops in the middle and then it changes to be seeable without an effect...


PS: I'm just a german 13 year-old, so maybe my english isn't that perfectly...