slideUp() not working in a drop down menu

[drayarms]

Hello, I guess the topic adequately describes the problem.  I'm just going to go right ahead and include the html, css and js of the elements concerned.  Basically, I can't get the  slideUp() method to bring the #pic_options_div element into view, but show() and fadeIn() work just fine.  What could be the problem?

 

 

html

 

<ul id = "pic_options_panel">

<li  class = "comment_color pic_options">Picture Options

	<ul id = "pic_options_div">

		<li id = "pic_options_collapse"> collapse </li>

		<li align = "center">Make Main Picture</li>

		<li align = "center">Delete This Picture </li>

		<li id = "upload_pic_link" align = "center">Upload New Picture </li>

	</ul>

</li>



<li class = "comment_color pic_comments">Comments</li>


<li class = "clear"> </li>


</ul>

 

 

css

 

#pic_options_panel{z-index:601;margin:auto;padding:0px;position:relative;top:-80px;width:98%;height:30px;border:none;overflow:none;}

.pic_comments{float:left;position:relative;top:0px;left:80px;width:135px;cursor:pointer;}

.pic_options{float:left;position:relative;top:0px;left:40px;width:135px;cursor:pointer}

.pic_options ul{display:none;z-index:650;margin:0px;padding:0px;position:relative;bottom:110px;min-height:0px;width:142px;border:1px solid #ccc}

 

 

js

 

$(document).ready(function() {

$(".pic_options").click(function() {


	$(this).children().slideUp(700);

         });

});