Спасибо вам за помощь, но всё равно не пойму.
Я написал для контейнера же style="width: 0px;" , где ещё обозначить единицу измерения?
<style>
#korz{padding-left:20px;height:150px;right:0;top:50%;background:url("http://shopknifes.ru/images/cart2.gif") left top no-repeat;position:fixed;overflow:hidden;}
#xd{background-color:#fff; padding:10px 20px; width:200px;height:150px;}
</style>
<div id="korz" style="width: 0px;">
<div id="xd">
<b>Выбрано: </b> <b><font color="red">(нет товаров)</font></b><br/>
<b>Сумма: </b> <b><font color="red">0 руб.</font></b><br/>
<br/><a href="/index.php?shopping_cart=yes">Перейти в козину</a>
</div></div>
<script type="text/javascript">
function slide3(obj, direction, a) {
clearInterval(window.z);
counter = 0;
z = setInterval(function () {
if (a ? parseInt(obj.style.width) < 220 : parseInt(obj.style.width) > 0) {
obj.style.width = parseInt(obj.style.width) + direction;
counter++;
} else {
clearInterval(z);
}
},
10);
}
var pad = document.getElementById('korz');
pad.onmouseover = function () {
slide3(pad, 10, true);
}
pad.onmouseout = function () {
slide3(pad, -7, false);
}
</script>