carousel shifts to left column in MSIE sometimes

On a few browser versions of MSIE we have reports that the carousel module used on the restaurant template is moving from its right hand position (user2) next to user1, down underneath the user1 module so it is stacked.

How do we avoid that?
I've looked over the code and it positions correctly most the time.

Any help is appreciated.

Hi,

snapshot or link would be good, so we could see ....

Oops sorry. I dont have a screen shot as I cannot make it duplicate the effect.
I have tried on PCs, Macs, with Firefox, Explorer, Safari, etc.
Client has a Dell Latitude with MSIE 6.0.29, and when I tried moving Module to user1 and reverse user1 to user2, it still does it.
It's not a width or spacing issue as we pared down the carousel and space between user1, and user2 to minimums to test.

We've customized the look but very little of the positioning if at all.

Here is the website not open to the public -
www.domainname.com/index.php
The carousel only appears on the front index page.

This is the HotJoomla restaurant template altered for a medical supply company.
We are getting close to launch and can't find the reason for this.

***
FORM position - RIGHT sidebar (on subpages other than index.php)
ALSO the breezing form we have as a module on the right side (module position "right" in the main area) is pushing down to the bottom of his screen, instead of anchoring to the top of the page as with all other browsers. i cannot duplicate that error either.
every computer shows the form along the right sidebar. Weird.

Is there anything in the hot_joomla_carousel.css file that could need editing? to stop MSIE from wrapping carousel to underneath user1 position?

.IE button{width:1%;overflow:visible;}

.hotcarousel {
}
.foo {
float:left;
}

.hotcarousel .js .carousel-wrap{vertical-align:middle;margin:0 5px;}
.IE .hotcarousel .js .carousel-wrap{display:inline;}
.hotcarousel ul{margin:0;padding:0;}
.hotcarousel .js ul li{overflow:hidden;display:inline;float:left;text-align:center; margin:0; padding:0;list-style:none;background:none;}
.hotcarousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:53px;cursor:pointer;line-height:999px;}
.hotcarousel .disabled,.hotcarousel .disabled:hover{cursor:default;}
div.carousel-pagination { color:#fff; cursor:pointer; text-align:center; }
div.carousel-pagination a { padding:0 6px; }

add this to index.php just before </head>

<!--[if lt IE 9]>

<style type="text/css" >

.wrapper4 .gallery .gallery_pad .user1
{
float:left;
}

.wrapper4 .gallery .gallery_pad .user2
{
float:right;
}

</style>

<![endif]-->