Помощь с версткой

[Masafi]

Делаю сайт, и решил начать с функционала (базы данных, логины, всякие другие штуки). Сейчас столкнулся с проблемой в верстке, что то наковырял и не пойму как все решить :С Да и сил, с временем уже нема :С
Меню

<div class="menu">
	<h3 class="menu"><div>Главная</div></h3>
	<ul class="menu">
		<li class="menu"><a href="index.php?id=1">Интересное</a></li>
		<li class="menu"><a href="index.php?id=2">О сайте</a></li>
		<li class="menu"><a href="index.php?id=3">Домашнее задание</a></li>
		<li class="menu"><a href="index.php?id=4">О сайте</a></li>
	</ul>
</div>
<div class="menu">
	<h3 class="menu"><div>Профиль</div></h3>
	<ul class="menu">
		<li class="menu"><a href="profile.php?id=1">Посмотреть профиль</a></li>
		<li class="menu"><a href="profile.php?id=2">Личные сообщения</a></li>
		<li class="menu"><a href="profile.php?id=3">Редактировать профиль</a></li>
		<li class="menu"><a href="profile.php?id=4">Выйти</a></li>
	</ul>
</div>
<script>
	$(document).ready(function(){
		$("ul").hide();
		$("h3 div").click(function(){
			$(this).parent().next().slideToggle();
		});
	}); 
</script>

Ксс-шник

div.menu {
	float: left;
	width: 200;
	background: #CCCCCC;
	border:#ffffff 5px solid;
	padding: 0px 0px 0px 10px;
	color: #000000;
}
h3.menu {
	cursor:pointer;
}
ul.menu {
	list-style: none;
    padding: 0;
	
}
li.menu {
	height: 30px;	
}

Получаем что то типа выдвигающегося меню:


Трабл:
Как расположить все так, чтобы вся инфа была ниже, на уровне раскрывшегося меню, и меню по умолчанию было раскрытым

З.Ы. Код всего не мой, в яве вообще не разбираюсь, в css только основу, если попал не туда, извините :с
З.Ы.Ы. Да, я пеинт мастер С:

[Naive]

$("ul").hide();

убери и будет раскрыто.
п.с. фронтенд явно не твой конек, жутко все, не только js =)