проблема с div в ie6

[slips]

Добрый день, ребята есть небольшая проблема с дивом. Заключается она в следующем:
В главном контейнере, есть левый(в нём содержиться фото) и несколько правых дивов(в них содержиться информация).
JS скрываю один из правых дивов. При этом основной див скрывает часть фотки.
Вот кусок кода.

<script language="JavaScript" src="JScript.js">
function MouseDown(id)
{
var edoc = document.getElementById('e'+id);
var pdoc = document.getElementById('p'+id);
if (edoc.style.display == 'none')
 {
  edoc.style.display='';
 }
  else
 {
  edoc.style.display='none';
 }
}
</script>


<div id="UserInfoMain">
  <div class="UserPhotoBorder">
        <center><img src="9.jpg" width="200px"></center>
   </div>
  <div class="UserGraphity">
       <table class="Main">
          <tr>
<td id="p1" onMouseDown="MouseDown(1)" width="21px" height="23px"></td>
       <td onMouseDown="MouseDown(1)"  height="23px" width="300px"></td>
        <td onMouseDown="MouseDown(1)"  height="23px" width="3px"></td>
          </tr>
          <tr id="e1">
            <td colspan="3">
              <table class="Informer">
                <tr>
                  <td>1 </td>
                  <td>1 </td>
                </tr>
       </table>
     </div> <!--class="UserGraphity"-->
</div>

[slips]

решение проблемы заключалось в подгрузке заново img . В этом случае див приобритал первоночальный вид.