Define a zone for the toggle in a div

Define a zone for the toggle in a div

Good morning to all,

I imagine that my problem must be easily adaptable, but I am from yesterday in the evening there and I do not succeed in finding good resolution. I have a streamer, with down to the left one corners mail and down to the right one corners information. If I click on the party information,

a toggle sets off, and has appear the text. I would like it to take the right party of the streamer, but he takes unfortunately all low party of picture, from the left to the right, encroaching therefore on corners mail and overlapping in a seedy manner him. Here is my code :

<div id="bloc_galerie_illustration">               
   <div style="background: url(../images/marques.jpg);position:absolute;width:740px; height:220px; background-repeat:no-repeat;">
      <div style="position:absolute;left:0px;bottom:0px;;border-style:solid;" class="AlerteMail">
      <div id="ContactSouscription">
         <div id="ContactForm" style="position: absolute;left:0;bottom:0;display:none">
                                    <fieldset>
                                       <label for="Nom">Nom</label>
                                       <input id="Nom" type="text" /><br>
                                       <label for="Email">Adresse E-mail</label>
                                       <input id="Email" type="text" /><br>
                                       <input id="EnvoiMail" type="submit" name="submit" onclick="closeForm()" /><br>
                                       <span id="MessageEnvoi">Vous recevrez désormais toutes <br> les informations concernant ' .$nom_com_marque. ' !</span>
                                    </fieldset>
         </div>
         <div id="ContactFautPasRater" style ="color:white;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background-color:black;">Ne ratez pas les prochaines <br>nouveautés ' .$nom_com_marque. '</div>
         <div id="ContactLien" style="color:white;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;background-color:black;">
Souscrivez à l\'alerte e-mail
         </div>
      </div>
   </div>
<div style="position:absolute;right:0px;bottom:0px;border-style:solid;" class="DecouvrirStyle">
<div id="DecouvrirStyle" style="rigth:0;bottom:0;display:none;color:white; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;background-color:black;">
' .$com_marque. '
</div>
<div id="DecouvrirLien" style="color:white;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;background-color:black;">Découvrez le style ' .$nom_com_marque. '</div>
      </div>
         </div>
</div>';


And jquery code (very simple)

$(document).ready(  function()
{
   $('#ContactLien').click(function()
   {
      if ($('#ContactForm').is(':hidden'))
      {
         $('#ContactForm').toggle('slow');
         $('#ContactFautPasRater').toggle('slow');
      }
      else
      {
         $('#ContactForm').toggle('slow');
         $('#ContactFautPasRater').toggle('slow');
      }
   });
   $('#DecouvrirLien').click(function()
   {
      if ($('#DecouvrirStyle').is(':hidden'))
      {
         $('#DecouvrirStyle').toggle('slow');
      }
      else
      {
         $('#DecouvrirStyle').toggle('slow');
      }
   });
});


I do not know if I was very clear... If need I shall specify ^^.

Thank you!