Salve a tutti amici del forum.

Sono nuovo nello sviluppo di pagine XHTML, e mentre stavo "stilizzando" una pagina contenente una tabella mi è capitato un' errore:

se imposto dei margini alla tabella o al body e metto la tabella larga al 100% il margine destro fuoriesce dalla parte visibile dello schermo.

come posso fare per rimediare?

vi do una pagina di esempio per provare:
codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
	font: 80%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#tabella {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 5px;
	padding: 0px;
}
-->
</style>
<style type="text/css">
<!--
#tabella th {
	width: 25%;
}
-->
</style>
</head>

<body>
<table id="tabella" border="1">
  <tr> 
    <th>Colonna 1</th>
    <th>Colonna 2</th>
    <th>Colonna 3</th>
    <th>Colonna 4</th>
  </tr>
  <tr> 
    <td>Valore 1</td>
    <td>Valore 2</td>
    <td>Valore 3</td>
    <td>Valore 4</td>
  </tr>
</table>
</body>
</html>
Spero mi possiate aiutare, ciao.