JSonView bursting out of its DIV tag in IE

[alanwilliamson]

Been developing in FireFox and Opera, and everything going very well.

I have a <div> tag that holds a list of images that is filled in dynamically.

This <div> tag has a fixed height, and overflow:auto on it.

When i test it in IE7, it bursts out the of this div tag. Now interestingly enough the tag shows the scroll bars as if it should be in there.



this.resultTemplate = new Ext.Template('<div class="video"><div class="video-thumb"><img onload="if (this.width > 120 ) width=120;" title="{title_safe}" src="{thumb}" border="1"/></div><div class="video-src">@ {src}</div></div>' );
this.videoList = new Ext.JsonView('video-results', this.resultTemplate, { multiSelect: false } );

<div id="video-results"></div>

padding: 10px;
overflow: auto;
height: 550px;
min-height:auto!important;


I am using the latest Ext1.1 library, in standalone mode if that makes any difference!

thanks

[alanwilliamson]

Don't ya just love it when you answer your own question.

i have an extra CSS style in there: position: relative.

CSS --- gotta watch for that one!