Problem Horizontal Accordion script

[tatane]

Hello
I just put up the script Horizontal Accordion script (http://www.dynamicdrive.com/dynamicindex17/haccordion.htm) on my site this (http://www.jehl-tp.fr/index.php). But I have a problem with the width. In fact it exceeds my theme! I tried to change the length and breadth the css but I have not found how!

Thank you for your help

[jscheuer1]

I'm not all that familiar with your layout or with this script, so there may be a better way. But this (changes/additions highlighted) appears to work out fairly well:


<style type="text/css">

/*CSS for example Accordion #hc1*/

#hc1 {
position:relative;
left: -25px;
}

#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #FF2444;

}



</style>

<script type="text/javascript">

haccordion.setup({
accordionid: 'hc1', //main accordion div id
paneldimensions: {peekw:'46px', fullw:'610px', h:'178px'},
selectedli: [0, true], //[selectedli_index, persiststate_bool]
collapsecurrent: false //<- No comma following very last setting!
})



</script>