Encore des div qui se chevauchent

bonjour à tous,
encore un problème avec mes div, qui ne s'agrandissent pas sur FF.
En effet, je met un autre div dans mon div principal, les div se chevauchent et ne s'agrandissent pas.
voilà mon code :
CSS

#page {
	width: 800px; margin: 0 auto;
	border: 1px solid #262678;
	background: #fff; text-align: center
}

.content {
	width: 760px; padding: 5px;
	text-align: left; background: #eeeef8;  
	border: 1px solid #e7e7f5; margin: 0 auto
}

.cadrelien {
	float: right;
	padding: 5px; 
	background: #fff; 
	border: 1px solid #d1d1ed; 
	text-align: center;
}  


.cadrelien ul {
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px
}

.cadrelien li {
	display: inline;
	line-height: 21px;
	color: #605E40;
	padding-left: 20px
}

HTML

<div id="page">
<div class="content">
blablablabla

			<div class="cadrelien">
			
			<ul>
			<li>Lien3<li>

			<li>Lien3<li>

			<li>Lien3<li>
			</ul> 
			
			</div><!--fin cadrelien-->

</div><!--fin content-->
</div><!--fin page-->

le problème ici est que le cadre contenant les listes <li> chevauchent le cadre "content"... ils se superposent l'un sur l'autre

merci.

Hello,

Ajoute overflow:hidden à ton .content