Jquery Cycle plug in issue with full width

[pauldrq]

Hi i have an issue with the Jquery Cycle plug in. My aim is to have the slide show at full width of the browser with a containers div who adjusts accordingly but that has a maximum height and is then set to overflow.So far ive managed to fix the width issue with resizing on browser and my slide adjusts in proportion but it containing divs height which is set to auto doesnt change with the child inside instead its set to the min-height. If set to auto it just disappears presumably being set to 0.ill paste the code anythoughts would be wonderful. i did try using to java (but im a bit of a newb to it) to adjust the div height on a window resixe function but i couldnt get it working.Here is the java snipet for allowing rezise of the image:\[code\]$(document).ready(function() {$('#slideshow-wrap').cycle({ slideResize: true, containerResize: true, fit: 1, fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...});});\[/code\]Heres the html snippet with the conent underneath\[code\] <div class="wrapper" id="slideshow-wrap"> <img src="http://stackoverflow.com/questions/15861572/images/slide/mountainbear1.jpg"/> <img src="http://stackoverflow.com/questions/15861572/images/slide/mountainbear1.jpg"/> </div> <div class="wrapper" id="content"></div>\[/code\]and here is the css for this section:\[code\] #slideshow-wrap { position: relative; margin: 0; min-width: 960px; min-height: 442px; max-height: 750px; height:auto !important; max-width:100%; overflow: hidden; } #slideshow-wrap img{ margin: auto; width: 100% !important; min-width: 960px; }\[/code\]ive also tried adding height: auto to the javascript but when i do that it shows both images in the slide one under another but does adjust the height!