Promotion slider in a responsive theme

Hello,

I’ve popped the promoslider onto my wp site in development using the oxygen responsive theme. It works great by the way apart from one small thing which I’m sure will be really easy to fix, because I ahven’t found any threads open on the matter in here.

Basically the slider resizes fine width-ways however when the screen is any less than 100% a gap appears underneath the slider as per the css rule

.promo_slider {height: 235px}

i’ve now added in some extra css:

div.promo_slider img { width: 100%; height: auto; }
div.promo_slider { height: auto; min-height: 47px;}

however the gap still appears (47px is the height of one of my slides at it’s smallest width…)

I placed the min-height rule in there as it seems to have a height of 0px if you only use the height: auto; rule.
Is there a way I can get the height to resize as per the width does and get rid of the annoying gap?
the site is currently in dev at: http://cssrecycling.co.uk/stage/

http://wordpress.org/extend/plugins/promotion-slider/