[HTML][CSS] Szerokość diva minus marginesy, Rozszerzenie się diva na 100% strony minus górny i dolny odstęp. Opcje

[kari]

Mam stronę na której są umieszczone 2 divy obok siebie. Jeden z treścią strony, dynamicznie rozszerzany na 100% okna przeglądarki. I drugi, który też rozszerza nie w miarę przybywania treści w pierwszym divie, ale ten drugi na górze i dole strony ma odstęp po 10 i 20 px. Nie mogę poradzić sobie z tym drugim divem, aby wyglądał tak jak opisałem. Ma się rozszerzać, ale jednocześnie nie ma przylegać do dolnej i górnej krawędzi strony.

[HTML] pobierz, plaintext 
 
<div>
<div id="lewo"></div>
<div id="prawo">Treść</div>
</div>
 
[HTML] pobierz, plaintext 

Kiedy definiuję odległość za pomocą top oraz bottom, lub za pomocą marginesów, to sam div mi się przesuwa w górę lub w duł.
(IMG:https://lh5.googleusercontent.com/-I57Wu4bPLVk/Tk2nAZb6G7I/AAAAAAAAKm8/pZeVtvRGuSw/s144/div.jpg)

[roghatt]

dobrze by było jakbyś pokazał też css jak u Ciebie wygląda?
Masz ten drugi ustawiony na 100% z marginesami góra dół? On Ci przylega do górnej lub dolnej krawędzi? Pokaż kod obsługujący id=lewo

[kari]

[HTML] pobierz, plaintext 
/*css*/
html, body { margin:           0 auto;
             padding:          0px; }
 
#glowna { position:         absolute;
             margin-left:      50%;
             margin-right:     50%;
             left:             -450px;
             margin-top:       0px;
             width:            900px;
             height:           100%;
             background-color: red;
             z-index:          1; }
 
#kreska_lewa { position:         absolute;
               margin-left:      50%;
               margin-right:     50%;
               top:              20px;
               bottom:           20px;
               left:             -451px;
               width:            10px;
               min-height:       362px;
               height:           100%;
               background-color: green;
               z-index:          5; }
 
#tresc { position:         relative;
         margin-left:      50px;
         margin-right:     50px;
         top:              100px;
         bottom:           70px;
         width:            800px;
         min-height:       300px;
         background-color: white;
         z-index:          8; }
 
 
/*html*/
<div id="glowna">
	<div id="kreska_lewa"></div>
	<div id="tresc">
		<p>
		Treść
		</p>
	</div>
</div>
[HTML] pobierz, plaintext 

chciał bym aby "kreska_lewa" rozszerzała się w raz z divem "treść", ale aby zawsze miała zdefiniowany, stały odstęp między górną i dolną krawędzią strony. Jak daję top i bottom, to ten lewy div przesuwa mi się po za obręb strony.