problema con tabella

[n1o]

Ciao a tutti ragazzi non so se è la sezione giusta ma ci provo:
Ho creato una web application con java ed ho utilizzato jquery per alcune parti in javascript.
Ho un problema con il css della tabella non riesco a capire dove sta l'errore?
Questa è l'immagine della parte in oggetto:


Questo è il css della mia applicazione(quello principale):

html,body{
    margin:0;padding:0
}
body{
    font: 76% arial,sans-serif;
    text-align:center
}
p{
    margin:0 10px 10px
}
a{
    display:block;
    color: #981793;
    /*padding:10px */
}
a:link {
 text-decoration: none
}

a:visited {
 text-decoration: none
}

a:hover {
 color : #0000ff;
 text-decoration : underline;
}

a:active {
 color : #ebff00;
 text-decoration: underline;
}
div#header{
    background: #ebff00 url('../img/header_Track2.jpg') no-repeat;
    height: 200px;
    margin-bottom: -39px;
}
div#header h1{
    height:80px;
    line-height:80px;
    margin:0;
    padding-left:10px;
    background: #EEE;
    color: #79B30B
}
div#container{
    text-align:left
}
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;
}
div#navigation{
    background:#fff;
    border: #0000ff 1px solid;
    margin-bottom: 2px;
}
div#navigation h2{
    text-align: center;
    background: #ebff00;
    margin: 1px;
    border: 1px #0000ff solid;
}
div#navigation a {
    /*padding-top: 2px;*/
    color: #000;
    text-decoration: none;
}
div#extra{
    background:#fff;
    border: #0000ff 1px solid;
    margin-bottom: 2px;
}
div#extra h2{
    text-align: center;
    background: #ebff00;
    margin: 1px;
    border: 1px #0000ff solid;
}
div#extra a {
    /*padding-top: 2px;*/
    color: #000;
    text-decoration: none;
}

div#container{
    width:950px;
    margin:0 auto;
}
div#navigation{
    float:right;
    width:470px
}
div#extra{
    float:left;
    width:470px
}
div#ricerca{
    float:left;
    width:948px
}
div#ricerca{
    background:#fff;
    border: #0000ff 1px solid;
    margin-bottom: 2px;
}
div#ricerca a {
    padding-top: 2px;
    color: #000;
    text-decoration: none;
}
div#ricerca h2{
    text-align: center;
    background: #ebff00;
    font-size: 12px;
    margin: 1px;
    border: 1px #0000ff solid;
}
/* Inizio Stile footer */
div#footer{
    padding: 5px;
    height: 25px;
    background: url('../img/sfondoFooter2.jpg') no-repeat;
    clear:left;
    width:100%;
}
div#footer p{
    margin:0;
    padding:5px 10px;
}
/* Fine Stile footer */

#RicercaCodice label{
  display:block;
}

input, textarea, select{
  display:block;
}
/* Inizio sezioni Ricerca dei codici */
#RicercaCodice  label.error{
  color:#9E142E;
  float:none;
  font-size:105%;
  font-weight:bold;
  /*margin-left:.5em; */
  background-color:#ffffff;
    color:#6b081a;
   /* text-transform:uppercase */
}
#RicercaCodice .error div{
background-color:#ffffff;
color:#6b081a;
font-weight: bold;
}
/*#RicercaCodice li.error{
background-color:#fb7c62;
color:#6b081a;
border: #FF0000;
} */
#RicercaCodice ol{
  list-style:none;
  /*margin-top:3em;*/
}
#RicercaCodice li{
  padding-bottom:1em;
}
/* Fine sezioni Ricerca dei codici */
/* Inizio sezioni Ricerca dei frazionari */
#RicercaFrazionario label.error{
  color:#9E142E;
  float:none;
  font-size:105%;
  font-weight:bold;
  /*margin-left:.5em; */
}
#RicercaFrazionario li.error{
background-color:#fff;
color:#6b081a;
border: #FFffff;
}
#RicercaFrazionario ol{
  list-style:none;
  margin-top:3em;
}
#RicercaFrazionarioStatus li{
  padding-bottom:1em;
}
/* Fine sezioni Ricerca dei frazionari */
/* Inizio sezioni Ricerca dei frazionari e status */
#RicercaFrazionarioStatus label.error{
  color:#9E142E;
  float:none;
  font-size:105%;
  font-weight:bold;
  /*margin-left:.5em; */
}
#RicercaFrazionarioStatus li.error{
background-color:#fff;
color:#6b081a;
border: #FFffff;
}
#RicercaFrazionarioStatus ol{
  list-style:none;
  margin-top:3em;
}
#RicercaFrazionarioStatus li{
  padding-bottom:1em;
}
/* Fine sezioni Ricerca dei frazionari e status */
/* Inizio sezioni Ricerca per METHODIC */
#RicercaMetodico label.error{
  color:#9E142E;
  float:none;
  font-size:105%;
  font-weight:bold;
  /*margin-left:.5em; */
}
#RicercaMetodico li.error{
background-color:#fff;
color:#6b081a;
border: #FFffff;
}
#RicercaMetodico ol{
  list-style:none;
  margin-top:3em;
}
#RicercaMetodico li{
  padding-bottom:1em;
}
/* Fine sezioni Ricerca per METHODIC */

#RicercaData ol{
  list-style:none;
  /*margin-top:3em;*/
}
/* Inizio sezioni Ricerca degli ID */
#RicercaID label.error{
  color:#9E142E;
  float:none;
  font-size:105%;
  font-weight:bold;
  /*margin-left:.5em; */
}
#RicercaID li.error{
background-color:#fff;
color:#6b081a;
border: #FFffff;
}
#RicercaID ol{
  list-style:none;
  margin-top:3em;
}
#RicercaID li{
  padding-bottom:1em;
}
/* Fine sezioni Ricerca degli ID */
/* Fine form ricerche */
#table_listMazzetti {
    width: 100%;
    border: 1px solid #0000ff;
}
#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;
} 

Questa è la pagina jsp:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.*" %>
<%@page import="it.poste.tool.persistence.entities.VRicercaAnagrafica" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Track & Trace - Monitoring tool - Ricerca Anagrafica 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="content">
      <h2>Ricerca Anagrafica per frazionario</h2>
    

 

                <%
        Iterator i =(Iterator)request.getAttribute("frazionario");
            VRicercaAnagrafica frazAna = new VRicercaAnagrafica();
        %>

      <table id="table_listMazzetti">
      <thead>
        <tr>
          <th> Nome Ufficio </th>
          <th> Metodico </th>
          <th> Fraz. </th>
          <th> Cod. Postale </th>
          <th> T&T Consolidato </th>
          <th> Destinazione/Provenienza </th>
          <%--<th> Gestione Notifica </th>
          <th> Sistema Operativo </th>
<th> Recapitista </th> --%>
          <th> T&T Automatizzato </th>
        </tr>
       </thead>
       <tbody>
        <%
                while(i.hasNext()){
                    frazAna =(VRicercaAnagrafica)i.next();
        %>
        <tr>
          <td><%= frazAna.getName() %></td>
          <td><%= frazAna.getMethodic() %></td>
          <td><%= frazAna.getFrazionario() %></td>
          <td><%= frazAna.getZipcode() %></td>
          <td><%= frazAna.getDescrizioneFlagConsolidato() %></td>
          <td><%= frazAna.getDescrizioneFlagSd() %></td>
          <%--<td><%= frazAna.getDescrizioneFlagNotif() %></td>
          <td><%= frazAna.getDescrizioneFlagNt() %></td>
          <td><%= frazAna.getDescrizioneFlagRec() %></td> --%>
          <td><%= frazAna.getDescrizioneFlagType() %></td>
          <% } %>
        </tr>
        </tbody>
      </table>
</div>
</div>
<%@include file="footer.jsp"%>
</div>
    </body>
</html>

[n1o]

ah dimenticavo questo è il css di jquery:

 
.ui-helper-hidden { 
    display: none;
}
.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix { 
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height:1%;
}
.ui-helper-clearfix { 
    display:block;
}
/* end clearfix */
.ui-helper-zfix { 
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity 0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget { 
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    width: 100%;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(../img/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% repeat-x;
    color: #222222;
    /*float: right; */
    /*margin-top: 2px;
    margin-left: 10px;
    margin-bottom: 3px; */
}
.ui-widget-content a { 
    color: #222222;
}
.ui-widget-header {
    width: 100%;
    border: 1px solid #0000ff;
    background: #ebff00 url(../img/ui-bg_gloss-wave_75_ebff00_500x100.png) 50% 50% repeat-x;
    color: #0000ff;
    font-weight: bold;
    margin-top: 2px;
    /*margin-left: 10px; */
    margin-bottom: 3px;
}
.ui-widget-header a { 
    color: #0000ff;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #77d5f7;
    background: #0078ae url(../img/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ffffff;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    border: 1px solid #448dae;
    background: #79c9ec url(../img/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #026890;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #026890;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #77d5f7;
    background: #0000ff url(../img/ui-bg_gloss-wave_50_0000ff_500x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}
.ui-widget :active { 
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #fcd113;
    background: #f8da4e url(../img/ui-bg_glass_55_f8da4e_1x400.png) 50% 50% repeat-x;
    color: #915608;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { 
    color: #915608;
}
.ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #e14f1c url(../img/ui-bg_gloss-wave_45_e14f1c_500x100.png) 50% top repeat-x;
    color: #ffffff;
}
.ui-state-error a, .ui-widget-content .ui-state-error a { 
    color: #ffffff;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text { 
    color: #ffffff;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary { 
    font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { 
    opacity: .7;
    filter:Alpha(Opacity 70);
    font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled { 
    opacity: .35;
    filter:Alpha(Opacity 35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { 
    width: 16px;
    height: 16px;
    background-image: url(../img/ui-icons_0078ae_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(../img/ui-icons_0078ae_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../img/ui-icons_0000ff_256x240.png);
}
.ui-state-default .ui-icon { 
    background-image: url(../img/ui-icons_e0fdff_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../img/ui-icons_056b93_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../img/ui-icons_f5e175_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../img/ui-icons_f7a50d_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../img/ui-icons_fcd113_256x240.png);
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { 
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}
.ui-corner-tr { 
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.ui-corner-bl { 
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ui-corner-br { 
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ui-corner-top {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.ui-corner-bottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ui-corner-right {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ui-corner-left {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.ui-corner-all { 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: -1px;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

Praticamente la scritta il alto invece di comparire su 1 riga compare su 2 l'immagine di sfondo del th mi è sparita e nella paginazione mi compaiono in maniera bruttissima i numeri delle pagine.
Cosa ho sbagliato?