[CSS] Float i border Opcje

[Fafu]

Witam, mam taki kod:

[HTML] pobierz, plaintext 
<div id="wrap">
 
	<div id="menu">
		<h2>Menu</h2>
		<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="omnie.html">O mnie</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
	</div>
 
	<div id="content">strona glowna</div>
 
	<div class="clear"></div>
</div>
[HTML] pobierz, plaintext 

i css:

Kod

#wrap {
    width: 800px;
    margin: 0 auto;
    border: 1px dashed black;
    text-align: left;
}

#menu {
    width: 120px;
    float: left;
    padding: 10px;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#content {
    width: 630px;
    float: right;
    padding: 10px;
    border-left: 1px dashed black;
}

.clear {
    clear: both;
}

I teraz o co chodzi: mam problem z border-right dla #content. Jeśli tekst jest dłuższy niż menu to wszystko ładnie wygląda:
(IMG:http://i30.tinypic.com/4gkeaf.jpg)
ale jeśli jest krótszy to obramowanie się ucina:
(IMG:http://i27.tinypic.com/2cej5ee.jpg)

Da się coś z tym zrobić?