Проблема со слоями

[Shaienn]

Добрый день.

Не могу понять, как сделать текст над изображением. С z-index`ами пробовал, не получается.

Вот исходник html

<div id="content">

<div id="sitenews">

<div id="ramka2">
<img src="images/Newslist.gif" height="100%" width="100%"/>
</div>

<div id="s1">
<div id="flash2">
<div id="text1"></div></div>
<script type="text/javascript">
var so = new SWFObject("ob.swf", "newses", "100%", "100%", "8", "#384780");
so.addParam("wmode", "opaque");
so.write("text1");
</script>
<div id="inside">
<font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif">
  Темы следующего Ток-шоу.



Проголосуй за тему, которую ты хотел бы обсудить.</font>
</div>
</div>

<div id="s2">
<?php
include("voiting.txt");
?>
</div>

</div>

<div id="ourprojects">

<div id="projects">
<img src="images/Newslist.gif" height="100%" width="100%"/>
</div>

<?php
include("move.txt");
?>

<div id="flash2">
<div id="text2"></div></div>
<script type="text/javascript">
var so = new SWFObject("youth.swf", "newses", "100%", "100%", "8", "#384780");
so.addParam("wmode", "opaque");
so.write("text2");
</script>

<div id="insidephoto">
<img src="images/youth.jpg" height="100%" width="100%" border="0"/>
</div>
<div id="insidecontent">
<font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif">
...
</font>
</div>
</div>
</div>

Вот кусок css

#flash2 {
width: 400;
height: 63;
z-index:11;
margin-top:-150;
}
#ramka2 {
position:relative;
z-index:11;
left:238;
bottom:38;
width:316;
height:159;
}
#projects {
position:relative;
left:238;
bottom:38;
width:316;
height:159;
}
#sitenews{
height: 200;
background-color: #384780;
margin-top:40px;
font-size: 95%;
border-left: 3px solid #7ccf4d;
border-bottom: 3px solid #7ccf4d;
border-right: 3px solid #7ccf4d;
border-top: 3px solid #7ccf4d;
}
#insidecontent{
width: 95%;
margin-left:30px;
margin-top:20px;
}
#ourprojects{
height: 872;
font-size: 100%;
background-color: #384780;
margin-top:50px;
border-left: 3px solid #7ccf4d;
border-bottom: 3px solid #7ccf4d;
border-right: 3px solid #7ccf4d;
border-top: 3px solid #7ccf4d;
}
#insidephoto{
padding-right:10px;
height:125;
width:165;
}
#content{
padding-left: 4px;
font-size: 95%;
margin-left:190px;
margin-top:-65px;
width: 71%;
}
#block
{
height:40px;
}
#s1
{
float:left;
width:50%;
}
#s2
{
float:right;
width:50%;
margin-top:-120px;
z-index:100;
}

Мне нужно, чтоб блок

<div id="s2">
<?php
include("voiting.txt");
?>
</div>

был над блоком

<div id="ramka2">
<img src="images/Newslist.gif" height="100%" width="100%"/>
</div>

Спасибо.

[Vlad]

Слишком много букв, ни асилил.

Если серьезно, то встречается float, это плавающий элемент, для него z-index не срабатывает.

[Shaienn]

Спасибо за идею, буду думать...