[css] niepotrzebny odstęp pod div, position:relative; Opcje

[grzegorz_g]

problem wygląda w ten sposób:

[HTML] pobierz, plaintext 
<table  cellspacing="0" cellpadding="0"  style="border: 1px solid #4EA0BB;width:560px;">
<tr><td align="left" valign="top">
<div id="slider1" class="contentslide" style='margin:0px;padding:0px;border:0px;'>
 
 
<div class="contentdiv" style='margin:0px;padding:0px;border:0px;'>
<img src="images/news/<? print $row['foto'] ?>" style="border:5px double black;height:280px;width:550px;" alt="wiadomości" />
 
 
<div style="background-color:#d11818;height:95px;opacity: 0.5; filter: alpha(opacity=50);width:550px;position:relative;top:-105px;left:5px;display:block;* left:5px;"></div>
 
<div style="padding:10px;position:relative;top:-205px;left:5px;color:#ffffff;width:530px;* left:5px;">jakis tekst</div>
 
 
</div>
</div>
 
</td></tr></table>
<!-- koniec news foto -->
[HTML] pobierz, plaintext 

i w takiej sutuacji powstaje mi pod spodem duża pusta przestrzeń. Jak ją usunąć.

PS. Może znacie lepsze sposoby nałożenia kolorowego diva z opacity na zdjecie?