I have a menu div to put the menu list inside

<!--menu-->
	<a href="#"><div id="menu-tab">Menu</div></a>
	<div id="menu">
		<ul>
			<li><a href="#">a</a></li>
			<li><a href="#">b</a></li>
			<li><a href="#">c</li>
		</ul>
	</div>

for the css

#menu {
width: 220px;
border: 2px solid #004990;
float: right;
margin-right: 15px;
margin-top: -52px;
}

here is the javascript/jquery

$('#menu-tab').click(function(){
	$("#menu").slideToggle("normal");
});

becuase margin-top: -52px;(which I control the menu position in the page), therefore each time when I click the menu tab, the #menu will slide from -52px. how can I let it slide from 0px?