liHeight: auto doesn't work

[aoussarmustapha]

Hi!
Thanks so much Marco for this jQuery plugin!
This is the best plugin for those who develop applications and website for responsive web design.
But I have an issue with the height.

I have many accordion with the same id:

<!-- Accordion 1 -->
<div id="accordion">
<ul>
<li>
<h1>Heading 1</h1>
<div></div>
</li>
<li>
<h1>Heading 2</h1>
<div></div>
</li>
</ul>
</div>

<!-- Accordion 2 -->
<div id="accordion">
<ul>
<li>
<h1>Heading 1</h1>
<div></div>
</li>
<li>
<h1>Heading 2</h1>
<div></div>
</li>
</ul>
</div>

each accordion has many lists

with many contents that changes in height.
I can not use a fixed height because I have lists

with different contents.

I tried using height: auto:

cssAttrsHor:{
ulWidth:"responsive",
liWidth:100,
liHeight:auto
},

and responsive:

cssAttrsHor:{
ulWidth:"responsive",
liWidth:100,
liHeight:"responsive"
},

but doesn't work, so i tried with css using:

li {
height: auto !important;
}

and this worked well but only in Google Chrome.

how can I solve this issue?
Thank you!