Witam, mam takie coś:

http://screenshoot.me/btSYtx

Dlaczego tekst rozsuwa mi przeźroczysty div znajdujący się niżej?
Chciałbym, aby niezależnie od wysokości tekstu (ilości linijek), wysokość była taka sama, jak dwa "okienka znajdujące się po prawej" (patrz: screen), a nawet aby tekst mógł bez problemu wchodzić pod przeźroczysty div.

Jeszcze dorzucę kod:

[HTML] pobierz, plaintext 
			<div id='myartslider' style='margin-top: 80px'>
				<div id='myartslider1' class='myarticleslider' style='margin-left: 27px'><span>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</span><span id='masbottom1' class='myartsliderbottom'>adfgsgs</span></div>
				<div id='myartslider2' class='myarticleslider'>fhdsgsgddfsgh<span id='masbottom2' class='myartsliderbottom'>adfgsgs</span></div>
				<div id='myartslider3' class='myarticleslider'>bdcsfcxfgxbncvb<span id='masbottom3' class='myartsliderbottom'>adfgsgs</span></div>
			</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.myarticleslider {
	position: relative;
	padding: 10px;
	margin: 20px 15px;
	border: 1px solid black;
	width: 250px;
	height: 180px;
	float: left;
	text-align: center;
}
 
.myartsliderbottom {
	display: block;
	background: black;
	opacity: 0.8;
	position: relative;
	top: 98px;
	right: 10px;
	width: 270px;
	height: 72px;
}
[CSS] pobierz, plaintext 

Czarny pasek pozycjonuj absolutnie przyklejając do dolnej granicy diva przez bottom: 0;