io ho questa struttura nella pagina:


codice:
 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.*" %>
<%@page import="it.poste.tool.persistence.entities.VRicercaAggrCodMazzetto" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Track & Trace - Monitoring tool - Ricerca Mazzetti per Frazionario - Risultati</title>
        <%-- Inizio import css --%>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.custom.css" />
        <%-- Fine import css --%>

        <%-- Inizio javascript --%>
         <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
         <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
         <script type="text/javascript" src="js/menu.js"></script>
         <script type="text/javascript">
            JQ = $;  //rename $ function
        </script>

    <script language="javascript">
        JQ(document).ready(function() {
            oTable = JQ('#table_listMazzetti').dataTable({
		"bJQueryUI": true,
		"sPaginationType": "full_numbers"
            });
        });
    </script>
      <script language="javascript" type="text/javascript" src="js/jquery.dataTables.js"></script>
        <%-- Fine javascript --%>
    </head>
    <body>
        <div id="container">
            

<%@include file="header.jsp"%>
<div id="wrapper">
<%@include file="menu.jsp"%>
<div id="title">
  <h2>Ricerca Mazzetti per codice</h2>
    

 

</div>
<div id="content">

      <table id="table_listMazzetti">
 <%
            Iterator i =(Iterator)request.getAttribute("frazionario");
                VRicercaAggrCodMazzetto codMazz = new VRicercaAggrCodMazzetto();
        %>
      <thead>
        <tr>
          <th> Prog. </th>
          <th> Codice </th>
          <th> Tipo Mazzetto </th>
          <th> Fraz. </th>
          <th> Nome Ufficio </th>
          <th> Status </th>
          <th> Lavorazione </th>
          <th> Nome del Grande Utente </th>
          <th> Nome del Messo Notificatore </th>
          <th> Zona di recapito </th>
          <th> Tipologia Area di Lavorazione </th>
          <th> Consegnato </th>
          <th> Notificato </th>
          <th> Data di Creaz. </th>
          <th> Data di Controllo </th>
          <th> Data di Scans. </th>


        </tr>
       </thead>
        <tbody>
        <%
                    while(i.hasNext()){
                        codMazz =(VRicercaAggrCodMazzetto)i.next();
        %>
        <tr>
                <td><%= codMazz.getProgressivo() %></td>
                <td><%= codMazz.getCode() %></td>
                <td><%= codMazz.getSiglavideo() %></td>
                <td><%= codMazz.getFrazionario() %></td>
                <td><%= codMazz.getNomeUfficio() %></td>
                <td><%= codMazz.getDescrizioneStatus() %></td>
                <td><%= codMazz.getName() %></td>
                <td><%= codMazz.getNomeDelGrandeUtente() %></td>
                <td><%= codMazz.getNomeDelMessoNotificatore() %></td>
                <td><%= codMazz.getZonaDiRecapito() %></td>
                <td><%= codMazz.getDescrizioneTipologiaAreaDiLavorazone() %></td>
                <td><%= codMazz.getDataOraDiConsegna() %></td>
                <td><%= codMazz.getDataEOraDiNotifica() %></td>
                <td><%= codMazz.getCreationDate() %></td>
                <td><%= codMazz.getCheckDate() %></td>
                <td><%= codMazz.getScanDate() %></td>

             <% } %>
            </tr>
        </tbody>
      </table>
</div>
</div>
<%@include file="footer.jsp"%>
</div>
    </body>
</html>
la tabella allarga il div che la contiene e perciò risulta fuori dalla cornice dell'impagginazione (sempre rimanendo all'interno della visuale dello schermo).
Vorrei che il div che la contiene rimanesse della stessa dimensione con una scroll bar laterale.
Ho provato ad inserire overflow:auto; nella tabella ma niente, si può fare senza utilizzare un frame?

questi sono i div interessati:
questo è il contenitore

codice:
 
div#content{
    display: block;
    width: 950px;
    position: absolute;
}
div#content p{
    background:#fff;
    /*border: #0000ff 1px solid; */
    margin-left: 0px;
    margin-bottom: 2px;
}
div#content h2{
    text-align: center;
    background: #ebff00;
    font-size: 12px;
    margin: 1px;
    border: 1px #0000ff solid;
}
questo è il div della tabella:

codice:
 
#table_listMazzetti {
    width: 950px;
    border: 1px solid #0000ff;
    overflow:auto;
}
/*#table_listMazzetti p{
    width: 100px
}*/
#table_listMazzetti th {
    font-size: 12px;
    font-weight: bold;
}
#table_listMazzetti td {
    font-size: 10px;
    border-right: 1px solid #0000ff;
    border-bottom: 1px solid #0000ff;
    text-align: center;
}