height auto css works in FF but not IE

I have a background with sidebars. It contains the home , about steng. This is the widget in the red. I also have one that is in yellow. There is a drop down resizer and it is working in FF . If i go to 12, 16 , and 20. If i do this in IE the background image ( red circle and yellow ) is not auto adjusting. Does anyone know how to fix it. I though a min heigh and max height but unsure how to do that in CSS.

Here is the test site

http://wpcreations.net/wptest/

Thanks in advance. I been working on this for 2 hrs.

I need it to work in IE .

I did find out if i change the drop down and then re开发者_StackOverflow社区fresh it looks like it adjusts. Anyone how how to get it to refresh. If someone can confirm if you hit F5 and refresh it works. I would love to figure out how to put a refresh in the code or if someone knows how to make it ajax.

Remove the div :

<li id="nav_menu-25" class="widget widget_nav_menu">

//remove
<div class="menu-sidebar-main-menu-container">
//this

<ul id="menu-sidebar-main-menu" class="menu">

...

</ul>

//and remove
</div>
//this

</li> 

The "div" between "li" and "ul".

Doesn't seem to be doing anything, that's what is affecting ie, I've just tried it.