Dynamically adding content to UI with javascript gives below content in IE7 and 8

can anyone help?

I have a simple html file that I fill in via javascript, in firefox all content below is automated, so I add more content below (in another div), but in IE it is not. I am using overflow set to visible

this is html (part) - its id = "extras", I add to it, add some checkboxes and combobox etc.

  <ul id="extras" style="padding:0px; margin:0px; list-style:none; ">
  <li style="width:248px; background-repeat:no-repeat; float:left; ">

      

        
        
        
      

    

The javascript I am using basically have a load in another html file and get a link to it and add controls etc.

The only one I have is the overflow visible as I say it works fine in Firefox, but IE .. the footer (content below in another div) doesn't resize, so that content overlaps the footer. him.

tempDetails.prototype.showData= function() {
    if (this.req.readyState == 4) {
        var container = this.loadedLayer;
        container.style.overflow = 'visible';


        container.innerHTML = " ";
        container.innerHTML = this.req.responseText;