In ogni pagina del mio sito internet ho questo codice:

<div id="example2"><? include("news.php"); ?></div> (in index ho "example"

Il File news.php è fatto così:

<head><script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/newsMarquee.js"></script>
<script type="text/javascript">
Event.observe (window, 'load', function(){
new horizontalMarquee('example');
});
Event.observe (window, 'load', function(){
new horizontalMarquee('example2');
});
</script>
</head>
<div>


25 Dicembre 2011 - Men&ugrave; Pranzo di Natale</p>


26 Dicembre 2011 - Men&ugrave; pranzo S. Stefano</p>


31 Dicembre 2011 - Cenone di Capodanno</p>


01 Gennaio 2012 - Pranzo di Capodanno</p>
</div>

mentre il css è:

/* HORIZONTAL MARQUEE INDEX*/
#example {
border:1px solid #000;
background:#66FF66;
width:630px;
height:24px;
overflow:hidden;
vertical-align:middle;
}

#example p {
padding:0px 20px;
margin:0;
width:auto;
display:inline;
float:left;
white-space:nowrap;
line-height:120%;
vertical-align:middle;
min-height:100%;
}
/* HORIZONTAL MARQUEE */
#example2 {
border:1px solid #000;
background:#66FF66;
width:872px;
height:24px;
overflow:hidden;
vertical-align:middle;
}

#example2 p {
padding:0px 20px;
margin:0;
width:auto;
display:inline;
float:left;
white-space:nowrap;
line-height:120%;
vertical-align:middle;
min-height:100%;
}

Il problema è che in IE il testo viene tagliato e non riesco a centrarlo nella <div>. Ho provato a cambiare i vari parametri ma non sono riuscito a sistemarlo. Avete qualche suggerimento ?