.slideDown and .fadeIn not working in IE6 & IE7

.slideDown and .fadeIn not working in IE6 & IE7

i'm new to jQuery so i'm sure this is a problem of my own creation.

http://mojoe.net/newsite/mojoe.html

is the way i want things to look on the slideshow on the right.

in IE6 and IE7, the slide doesn't work at all. the slideshow doesn't slide or fade. the portfolio section slides in around the content instead of it all sliding in at once.

This is the jQuery

$(document).ready(function(){
   $("#portfolio").slideDown(1500);
   $("#clientShot").fadeIn(1500);
});


i have #clientShot and #portfolio set to display:none;


Here's the pertinent CSS
/*//////////////////////////////////*/
/*Portfolio and Top-Half of the page*/
/*//////////////////////////////////*/
#topContent{
   float:left;
   width:936px;
   margin-top:0px;
   font-size:80%;
   background-color:#fff;
   padding:7px;
   padding-top:15px
}

#portfolio{
   width:auto;
   height:458px;
   background-image:url(../images/portfolio.jpg);
   background-position:top center;
   border:2px solid #000;
   display:none;
}

#portfolioText{
   float:left;
   width:285px;
   height:446px;
   padding:7px;
   line-height:1.4em;
}

#portfolioText p{margin-top:7px;}

#clientShot{
   float:right;
   width:600px;
   height:100%;
   display:none;
}

.slider-wrap   {width: 600px; position:relative; top:0px; left:0px;} /*keeping the position:relative is good in all browsers*/
#img img      {position:absolute; top:-10px; left:453px; z-index:9;}
#img2 img      {position:absolute; clear:right; top:-5px; left:-30px; z-index:9; /*keep this in the slider-wrap div b/c it's relative position, if it's in a float it looks wrong in IE6*/}
.panel ul      {text-align: left; margin: 0 15px 0 30px; }
.stripViewer   {position: relative; overflow: hidden; width: 600px; height: 410px; }/*big picture*/
.stripViewer .panelContainer   {position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel {float: left; height: 100%; position: relative; width: 600px; } /*big picture caption*/
.stripNavL, .stripNavR, .stripNav   {display: none; }
.nav-thumb    {border: 1px solid black; margin-right: 5px; margin-left:0px;}
#movers-row   {margin: -43px 0 0 62px; }
#movers-row div   {width: 15%; float: left; }
#movers-row div a.cross-link   {float: right; }
.photo-meta-data   {background-color:#000; /*transparency settings for all browsers*/   filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;/*END transparency settings*/ padding: 10px; height:30px; margin-top: -50px; position: relative; z-index: 9999; color: white; } /*caption and its background*/
.photo-meta-data span  {font-size: 13px; }
.photo-meta-data a      {color:#fff; font-weight:bold; text-decoration:none;} /*caption link style*/
.photo-meta-data a:hover   { text-decoration:underline;}   /*caption link style hover*/
.cross-link     {display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 13px; z-index:0; }
.cross-link img   {width:60px; height:40px;} /*this lets you use the big img as the thumb*/


#bigClient{
   float:left;
   width:100%;
   border:1px solid #000;
}

#description{
   float:left;
   width:299px;
   /*height:382px;*/
   margin-right:7px;
   padding:7px;
}

#description p{padding:7px; width:auto;}

#picture{
   float:right;
   width:600px;
   padding:7px;
   border-left:1px solid #000;
   border-bottom:1px solid #000;
   background-color:#693;
}

#clientList{
   float:left;
   width:100%;
   height:100%;
}

.client{
   float:left;
   width:179px;
   margin-right:7px;
   margin-top:7px;
   border:1px solid #999;
}

.last{
   float:left;
   width:179px;
   border:1px solid #999;
   margin-top:7px;
   margin-right:none;
}