Probleme de tableau mal centrer

bonjour a tous,

j'ai un petit problème sur mon site!

j'ai installer une contribution qui fais défiler une série d'image en ronde , le problème c'est que je n'arrive pas à le centrer correctement!

j'essaie mais soit ça ne marche pas sur FF soit ça ne marche pas sur IE, ce que je voudrais c'est que le caroussel soit fixer dans le tableau et ne puisse pas en sortir et puis qu'il s'adapte à la taille de la page automatiquement!

bref difficile à mettre en place pourriez-vous m'aidez?

je vous met le fichier css et un lien vers mon site

<script type="text/javascript" src="carousel/jquery/core.js"></script>
<script type="text/javascript" src="carousel/jquery/selector.js"></script>
<script type="text/javascript" src="carousel/jquery/event.js"></script>
<script type="text/javascript" src="carousel/jquery/ajax.js"></script>
<script type="text/javascript" src="carousel/jquery/fx.js"></script>
<script type="text/javascript" src="carousel/i/iutil.js"></script> 
<script type="text/javascript" src="carousel/i/carousel.js"></script>
<script type="text/javascript" src="carousel/i/imagebox.js"></script> 
<style type="text/css">
#carousel
{
	width: 600px;
	height: 350px;
	display : none ;
	position: absolute;
	top: 60px;
	margin-left : auto;
    margin-right : auto;
 
}


.title
{
	width : auto;
  margin-left : auto;
  margin-right : auto;
	font-family:verdana,Arial, Helvetica, sans-serif;
  	background: #007bc1;
 	 color : white; 
 	 font-weight: bold ;
}
.baseline 
{
  position: absolute ;
  top: 260px ; 
	margin-left: center;
}
#carousel a
{
	position: absolute;
	width: 110px;
	border: none;
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center ;
	color: #000000;  
}
a img

{

border: 0;

}


#ccontainer {
position:relative;
overflow:visible;
width: 450px ;
height: 270px ;
z-index:999 ; 
text-align: center;
margin: 0px;
} 

#ImageBoxOverlay
{
	background-color: #000;
	z-index: 1000;
}
#ImageBoxOuterContainer{
	z-index: 1000;
}
#ImageBoxCaption
{
	background-color: #800080;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #800080;
}
#ImageBoxCaptionText
{
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}

</style>

Modifié par knostra67 (09 Oct 2008 - 11:54)