Hello, I'm using this jQuery sliding panel in my SunShop shopping cart:
Simple Slide Panel
When user clicks, a form slides up and they can fill it out and everything works.
In Firefox, this works fine. Everything shows up where its suppose to, "slide" button pops up where it needs - in the right bottom corner and form pops up there also. It stays there while the rest of the page is scrollable.
Now, my problems come in in IE. Slide button pops up in a center of the page, and when user clicks on it, form slides out on the left of the window, instead of the right.
Anyone has an idea on how to fix that in IE?
I think my problem is in CSS, but I can't pinpoint it. 
Below is a sample of the CSS:
#panel {
background: #ffffff;
height: auto;
width: 205px;
display: none;
border:solid 1px #999999;
}
.slide {
margin: 0;
padding: 0;
background: url(/img/qk_qt.gif) no-repeat center top;
}
.btn-slide {
background: url(/img/open_close.gif) no-repeat right -40px;
text-align: center;
width: 210px;
height: 35px;
padding: 1px 0px;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #ff0000;
}
.active {
background-position: right 10px;
}
.contact_text_bold {
color: black;
font: normal normal 11px Tahoma;
font-weight: bold;
}
.contact_text {
color: black;
font: normal normal 11px Tahoma;
}
.contact_text_small {
color: black;
font: normal normal 9px Tahoma;
}
#qk_qt {
display:block;
position:fixed;
right:0px;
bottom:0px;
cursor:pointer;
}
Thank you in advance.