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]<?php echo $mosConfig_live_site;?>/templates/fv_classico_blue/images/menue_bg_bottom.gif[/img]
</div>

</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>

</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]<?php echo $mosConfig_live_site;?>/templates/fv_classico_blue/images/menue_bg_bottom.gif[/img]
</div>
</td>


</tr>
</table>


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

</div>

<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;
}

.....