[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ć?

[Fafu]

Działa dla przykładu powyżej, ale jak #content jest dłuższy od #menu to nie.

EDIT: Dobra znalazłem rozwiązanie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
http://www.ejeliot.com/blog/61
czyli:

Kod

margin-bottom: -2000px; padding-bottom: 2000px;

A co do @down to jak dla mnie za dużo kodu na taką drobnostkę (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował Fafu 27.07.2009, 22:27:11