To overwrite any inherit simply give your carousel <div> containers ids, then use these IDs and whatever element in the CSS, this should over ride any inherit.
Code:
#carousel_a #carousel_b ul{
font-size : .8em;
etc
}
<div id="carousel_a">
<div id="carousel_b">
<ul>
<li><img src="http://www.designerstalk.com/forums/images/thumbnail1.jpg" alt="" width="172" height="171">
If this dosnt work then a quick fix solution is to embed the carousel in an Iframe
EDIT:
ACtully looking at your CSS, you have a mistake
#adsCarouselBox ul li img a p {
This is how ID is declared not class, for class you need .adsCarouselBOx etc.
You kind of confusig the issue, by declaring a element UL, then giving the element the class adscarousel.. ...
THis is where things could be going wrong, make changes to this first to see if that works, otherwise go in over the top with a double ID and element declaration as I previously mentioned.
__________________