Overflow и выпадающее меню

[inside]

Нужна помощь!

Есть блок с overflow: hidden, нужен для прокрутки юзеров, в нем список юзеров(div.userInformation), для каждого юзера выпадающее меню(div.overUserMenu).

Вопрос: как зделать так что б меню не обрезалося?

Вариант забрать overflow: hidden не подходит, потому что мне он нужен для скрипта прокрутки юзеров

<div id="friendsList" class="center">
	<div class="container">
		<div class="feed" style="left: 0px;">
			<div style="z-index: 1000;" class="userInformation">
				<div class="status"></div>
				<div class="picture">
					<a href="http://deinflirt/profile/id/2">
						<img alt="" src="http://deinflirt/files/users/2/100x150_avatara56dcbb8d55fca66a1e623bdff4b1bf711.jpg"/>										
					</a>
					<div class="overUserMenu" style="display: none;">
						<ul>
							<li>
								<a class="overMenuLink zoomPhoto" href="http://deinflirt/files/users/2/avatara56dcbb8d55fca66a1e623bdff4b1bf711.jpg">Foto vergro?ern</a>												
							</li>
							<li>
								<a token="65748f9141015e9c210dc08822652dfe" class="overMenuLink sendMessage" href="http://deinflirt/gallery/user/2">Nachricht schreiben</a>												
							</li>
							<li>
								<a token="65748f9141015e9c210dc08822652dfe" class="overMenuLink removeFromFriends deleteWithDispose" href="http://deinflirt/ajax/remove_from_friends/2">Von Freunden entfernen</a>													
							</li>
							<li>
								<a token="65748f9141015e9c210dc08822652dfe" class="overMenuLink sendWink" href="http://deinflirt/gallery/user/2">Wink senden</a>												
							</li>
							<li>
								<a token="65748f9141015e9c210dc08822652dfe" class="overMenuLink addToFavorites" href="http://deinflirt/ajax/add_to_favorites/2">Zur Favoriten hinzufugen</a>													
							</li>
							<li>
								<a token="65748f9141015e9c210dc08822652dfe" class="overMenuLink inviteToGroup" href="http://deinflirt/gallery/user/2">In die Gruppe einladen</a>												
							</li>
							<li>
								a class="" href="http://deinflirt/gallery/photos/2">Fotos zeigen</a>												
							</li>
							<li>
								a class="" href="http://deinflirt/video/user/2">Video zeigen</a>												
							</li>
							<li>
								<a class="" href="http://deinflirt/groups/user/2">Gruppen zeigen</a>												
							</li>
							<li>
								<a class="" href="http://deinflirt/profile/id/2#guestbook">Gastebuch</a>												
							</li>
						</ul>
					</div>
				</div>
				<div class="info">
					<div>
						<a class="man" href="http://deinflirt/profile/id/2">test1</a>, 10										
					</div>
					</div></div>
				</div>
			</div>
		</div>
	</div>
	<div style="text-align: center;" class="navigation">
		<span style="float: right;" class="redButtonSmall">
			<button class="button next" type="submit">Nachste »</button>
		</span>
		<span style="float: left; visibility: visible; opacity: 0.3;" class="redButtonSmall">
			<button class="button previous" type="submit" disabled="">« Letzte</button>
		</span>	
		<span class="redButtonSmall">
			<a class="button" href="http://deinflirt/friends">Alle anzeigen</a>						
		</span>		
	</div>
</div>

#friendsList .container
{
	width: 689px;
	height: 220px;
	position: relative;
	overflow: hidden;
}

#friendsList .feed
{
	position: absolute;
	width: 689px;
	height: 220px;
}

.overUserMenu
{
	display: none;
	background: #fff;
	position: absolute;
	top: 10px;
	left: 90px;
	border: 1px solid #B7B7B7;
	border-bottom: none;
}

.overUserMenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	text-align: left;
}

.overUserMenu ul li
{
	margin: 0;
	border-bottom: 1px solid #B7B7B7;
}

.overUserMenu ul li a
{
	display: block;
	padding: 2px 2px 2px 10px;
	color: #14327a;
	text-decoration: none;
}

.overUserMenu ul li a.red
{
	color: #c93477;
	font-weight: bold;
}

.overUserMenu ul li a:hover
{
	background: #2875a1;
	color: #fff;
	text-decoration: none;
}

.overUserMenu ul li a.red:hover
{
	font-weight: bold;
}

[rus]

Что бы использовать прокрутку, нужно применить не хидден, а авто или икс-игрек и задать размер, при превышении которого начнется прокрутка.

[Justnewone]

Что бы использовать прокрутку, нужно применить не хидден, а авто или икс-игрек и задать размер, при превышении которого начнется прокрутка.

попапы прятаться от этого не перестанут.

Только накладывать поверх, чтобы по коду попап НЕ находился внутри элемента с оферфлоу.

[inside]

Спасибо! я так и думал, даже скрипт есть под ето!

Сначало просто не надо было его в контейнер с оверфловом сувать, а потом вилезла такая проблема и я подумал что можна как-то обойтиь без переделки скрипта, но видимо не получиться...ладно, будем трудиться