Why slideToggle and slideDown fails to work only in chrome?

Why slideToggle and slideDown fails to work only in chrome?

Hello guys,
I'm making a site where plants grow(expand) when the page is onload. It is working out great and it looks great, but in Chrome I only get to see the end of the "animation". So if you see my code it lasts 6 seconds in chrome and by then the picture pops up. Can anyone explane this, with text instead of pictures it seems to work in chrome.
This is an test html:

Kind regards...
  2. <!DOCTYPE HTML>
  3. <html>
  4.     <head>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
  6.         <title>test</title>
  7. <script type="text/javascript" src="Jquery/jquery-1.7.2.js"></script><script type="text/javascript"></script>
  8.         <script>
  9.             $(document).ready(function(){
  10.    $('#test').slideDown(6000);
  11. });

  13.         </script>
  15. <style>
  16. #test{
  17. position:absolute;
  18. bottom:0;
  19. display:none;
  20. height: auto;}
  21. </style>
  23.     </head>
  24. <body>
  25. <img id="test" src="Pictures/rechts.png" alt="" />
  26. </body>
  27. </html>