Überlappende Links in html

... <div "style widht="50%"> ... <div id="Container">  <a href="..."> <div id="LinkBlock"" style="????">  </div> </a> <div id=InhaltBlock">  ... <a href="...">...</a>... </div> </div> ... </div> ...
<body>
<div class="AllContent">
  <?php include('Includes/Menue.htm'); ?>
<!-- Menue.html schaut grob so aus --->
  <div class="LeftBlock" style="text-align: center; float: left;width: 150px;">
    <a href="<?php echo $HTMLROOT ?>Home.php" target="main"><img src="<?php echo $BilderVerz ?>TCUBE-Logo_kl.JPG" border="0"></a>
    <ul class="MainMenue" >
      <li>...</li>
      <li>...</li>
      <li>...
        <ul>
          <li>...</li>
          ....
        </ul>
      </li>
      <li>...
        <ul>
          <li>...</li>
          ....
        </ul>
      </li>
      .....
    </ul>
  </div>       
<!--- Ende Menue.html --->

  <div class="MainContainer" style="margin-left: 150px;">
  <?php include('Includes/TopFrame.htm'); ?>
<!-- Topframe.htm sieht in etwa so aus -->
  <div class="TopBlock">
    <img src="<?php echo $BilderVerz ?>TCUBE-Header.gif" height="70" alt="Logo">
  </div>
<!---  Ende Topframe -->

    <?php include('Includes/RightFrame.htm'); ?>
<!-- Rightframe sieht in etwa so aus ist aber noch nicht fertig -->
    <div class="RightBlock" style="margin-top: 10px; width: 180px;float: right;">
  
      <!-- wetter.com button 180x150-->
      <div id="wettercom-button-430867f0333b5df910d43ff27e0860ca">
        ...
      </div>
      <!-- wetter.com button 180x150-->
      ...
    </div>

    <div class="MainBlock" style="margin-top: 10px;margin-left: 10px;margin-right: 190px;padding: 15px;">

    
      <h1>Herzlich Willkommen auf unserer Homepage !</h1>  

      <div style="display:inline-block; width:100%">	
        <div style="width:50%; float:left;">
          <h2>News:</h2>

<!---------------------->
<!--  Neue TextBox   --->
<!---------------------->

          <div class="TextBox">
            <h4>Erfolgreiches Jugendturnier<h4>
            <div style="float:left; margin-right: 5px; margin-bottom: 5px">
              <a href="Bilder/2011/Jugenturnier/Gesamt.jpg" rel="lightbox[Jugendturnier2011]" title="Siegerehrung mit allen Siegern">
                <img src="Bilder/2011/Jugenturnier/Gesamt_Th.jpg" width="75" alt="Siegerehrung mit allen Siegern">    
              </a>
            </div>
            <div style="float:left; margin-right: 5px; margin-bottom: 5px">
              <a href="Bilder/2011/Jugenturnier/U16m.jpg" rel="lightbox[Jugendturnier2011]" title="Siegerehrung U16 m&auml;nnlich">
                <img src="Bilder/2011/Jugenturnier/U16m_Th.jpg" width="75" alt="Siegerehrung U16 m&auml;nnlich">
              </a>
            </div>
            Test in der Box <a href="...."> >>mehr </a>
          </div>

<!---------------------->
<!--  Neue TextBox   --->
<!---------------------->

          <div class="TextBox" style="min-height:80px;">
            <h4>Herren 2 ist Meister</h4>
            <div style="float:left; margin-right: 5px; margin-bottom:5px">
              <a href="Bilder/2011/Mannschaftsfotos/2011_Herren2.jpg" rel="lightbox[Herren2Meister]" title="Mannschaft Herren 2">
                <img src="Bilder/2011/Mannschaftsfotos/2011_Herren2_Th.jpg" width="75" alt="Mannschaft2">      
              </a>
            </div>
            <div style="float:left; margin-right: 5px; margin-bottom:5px">
              <a href="Bilder/2011/Mannschaftsfotos/2011_Herren2_Feier.jpg" rel="lightbox[Herren2Meister]" title="Feierstimmung bei der Mannschaft">
                <img src="Bilder/2011/Mannschaftsfotos/2011_Herren2_Feier_Th.jpg" width="75" alt="Mannschaft2">
              </a>
            </div>
            Text <a href="...."> >>mehr </a>
          </div>
        </div>

        <div style="width:50%; float:left;">
          ...
        </div>

        <div style="clear:both;"></div>
      </div>        

    </div>
  </div>
</div>

</body>