barra destra sovrapposta

[joomldc]

Ciao ragazzi,

sono neofita del css. Ho il seguente problema:
ho modificato il file index.htm e il relativo css di un template joomla aggiungendo la barra dei menu di destra. I files sono sotto in allegato.

Con la mia risoluzione video (1280x800) nessun problema, ma amici mi dicono che con risoluzioni diverse, in alcune pagine del sito, la barra destra si accavalla sovrapponendosi alla parte centrale. Il sito è online: www.ordingtaranto.it
Potete verificarlo collegandovi.

Mi date una mano a capire il problema, per favore ? grazie.

---- file index.htm ----
.....

<div id="body">

<div id="body_content">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>

<td valign="top">

<div id="body_menue">
<div style="padding:15px;">
<?php if (mosCountModules( "left" )) { ?> <div id="module_left"> <?php mosLoadModules( "left", -2 ); ?> </div><?php } ?>
<?php if (mosCountModules( "user4" )) { ?> <div id="module_user4"> <?php mosLoadModules( "user4", -2 ); ?> </div><?php } ?>
</div>
<img src="<?php echo $mosConfig_live_site;?>/templates/fv_classico_blue/images/menue_bg_bottom.gif" style="float:left;"/>
</div> <!-- chiude body_menue -->

</td>

<td valign="top">

<div id="body_maincontent">
<?php mosMainBody(); ?>
<?php if (mosCountModules( "banner" )) { ?>
<div id="module_banner"><?php mosLoadModules( "banner", -2 ); ?></div><?php } ?>
<?php if (mosCountModules( "bottom" )) { ?> <div id="module_bottom"><?php mosLoadModules( "bottom", -2 ); ?></div><?php } ?>
<?php if (mosCountModules( "footer" )) { ?> <div id="module_footer"><?php mosLoadModules( "footer", -2 ); ?></div><?php } ?>
</div> <!-- chiude body_maincontent -->

</td>

<td valign="top">

<div id="body_menue1">
<div style="padding:15px;">
<?php if (mosCountModules( "right" )) { ?> <div id="module_right"> <?php mosLoadModules( "right", -2 ); ?> </div><?php } ?>
<?php if (mosCountModules( "user5" )) { ?> <div id="module_user4"> <?php mosLoadModules( "user5", -2 ); ?> </div><?php } ?>
</div>
<img src="<?php echo $mosConfig_live_site;?>/templates/fv_classico_blue/images/menue_bg_bottom.gif" style="float:right;"/>
</div>

</td>


</tr>
</table>


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

</div> <!-- chiude body_content -->

<div id="body_footer">
<div id="body_footer_content">

<table width="100%" border="0" cellspacing="5">
<tr>
<?php if (mosCountModules( "top" )) { ?> <td width="33%" valign="top"><div id="module_top"> <?php mosLoadModules( "top", -2 ); ?> </div></td><?php } ?>
<?php if (mosCountModules( "user1" )) { ?> <td width="33%" valign="top"><div id="module_user1"> <?php mosLoadModules( "user1", -2 ); ?> </div></td><?php } ?>

<?php if (mosCountModules( "user2" )) { ?> <td width="33%" valign="top"><div id="module_user2"> <?php mosLoadModules( "user2", -2 ); ?> </div></td><?php } ?>
</tr>
</table>

</div>
.......


----- file template_css.css ------
....

#body {
z-index:4;
position:absolute;
top:174px;
left:0px;
width:100%;
line-height:175%;
font-size:13px;
overflow:hidden;
display:none;
}

#body_content {
width:100%;
padding:50px 0px 0px 00px;

margin-right:0px;
margin-left:5px; /*15px;*/
}

#body_maincontent {
width: 100%; /* 780px; */
text-align:justify;
float:left;
}

#body_maincontent td {
padding-right:10px;
}

#body_menue {
background: #C9CED8 url('../images/menue_bg_top.gif') no-repeat top;
width:200px;
margin-right:5px; /* 30px; */
margin-bottom:15px; /* 30px; */
float:left;
}



#body_menue1 {
background: #C9CED8 url('../images/menue_bg_top.gif') no-repeat top;
width:200px;
margin-right:5px; /* 30px; */
margin-bottom:15px; /* 30px; */
float: right;
}