inserimento di carousel jquery in una table

[alben49]

Sono un neofita e sto testano su un piccolo sito ancora a tabelle l'inserimento e l'uso di un carousel di foto e testi. Il demo funziona correttamente, ho inserito il suo css e lo script js, ma non riesco a inserirlo in una cella della tabella, ho inserito l'elenco ul li con le foto nel tr ma non so se devo usare un div o quant'altro,
...
<td height="318" colspan="4" align="center" valign="middle" bgcolor="#CCCCCC"></a></td>
<ul class="slideshow">
<li class="show"><img src="images/mariu.jpg" width="542" height="318" title="TITOLO" alt="testo,testo ecc..........

ho visto che il css è preconfigurato in alto a sinistra:

body {
font-family:arial;
font-size:12px;
}

ul.slideshow {
list-style:none;
width:542px;
height:318px;
overflow:hidden;
position:relative;
margin:0;
padding:0;

}

ul.slideshow li {
position:absolute;
left:0;
right:0;
}

ul.slideshow li.show {
z-index:500;
}

ul img {
border:none;
}


#slideshow-caption {
width:170px;
height:318px;
position:left;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}

#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}

#slideshow-caption h3 {
margin:0;
padding:0;
font-size:14px;
}

#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}

</style>

quali comandi devo inserire per settarlo nella mia cella in px esatti, so del padding e del margin, ma non credo che siano i fattori giusti?
perchè ora appare in firefox in alto a sinistra fuori dalla mia tabella

grazie per chi voglia darmi qualche dritta!