The background:

the good

I've built an eLearning library for an existing site.

I've organized that library into a jQuery accordion widget.

In its own page, the widget works flawlessly.  See:  Working Standalone Widget

the bad

I have to put this widget into their site.

Their site has existing css that seems to be screwing with my widget. They have h2 in their css.

Attempts to put it into their existing iframe format have failed (widget breaks). See:  Broken iFrame Widget

Attempts to put it inline into their page also fails. Widget works but doesn't go where it should.  See:  Broken Inline Widget

I'm at a loss.  I first made the links in the widget header absolute, thinking the iframe might be messing with that.  I tried changing h2 to another hx all the way up to h7 but nothing worked and everything broke at h7. I tried adding a class to my widget h2 tags. Nothing.

I'm at a loss.  Their site is messy.  But I can't redesign their site for my one page.

Any ideas? 

Thanks very much!

Jeremy