Плавающий слайдер
 

Люди добрые, я на многих сайтах видел подобное но, к сожалению немогу реализовать сам.
Ну вопервых загвоздка в css

<div id='left'>
          Some text
          </div>

#left{
position:fixed;/*Никуда не девается блок при прокрутке страницы с этим стилем*/
left:0px;/*Слева никаких отступов, чтобы выглядело прижато*/
background:#666;
color:#fff;
top:50%;/*Чтобы было посередине,50 процентов отступа сверху*/
height:110px;/*по вкусу*/
width:60px;/*по вкусу*/
/*по вкусу, но создает эффект тени при таком раскладке вроде*/
border-top:2px solid #fafafa;
border-right:4px solid #fafafa;
border-bottom:2px solid #fff;
/*по вкусу, но создает эффект тени при таком раскладке вроде*/
}

Значит тут вроде все работает но не все.. Мне вместо Some text необходимо вставить

<table border="0" cellpadding="0" cellspacing="0"height="498" width="859">
<tr><td style="background:url('/1.png');"><!-- <bc> --><span style="padding:0px 87px;"><iframe src="PDA/fon.htm" height="378" width="651" /></span><br><br><br><br><br><br><!-- </bc> --></td></tr>
</table><br>

Если я это вставляю оно упорно отказывается выравниваться и соответственно плавать. Подскажите в чем проблема. И еще есть много шаровых JS скриптов что бы получился эффект слайдера, То есть - выравниваем некий zakladka.png и делаем чтоб плавал, тыкаем на него и на экран выезжает

<table border="0" cellpadding="0" cellspacing="0"height="498" width="859">
<tr><td style="background:url('/1.png');"><!-- <bc> --><span style="padding:0px 87px;"><iframe src="PDA/fon.htm" height="378" width="651" /></span><br><br><br><br><br><br><!-- </bc> --></td></tr>
</table><br>

Тыкаем на zakladka.png снова и он заезжаем обратно, помогите пожалуйста ++++ не пожалею :-? :help:

а где скрипты??

<table border="0" cellpadding="0" cellspacing="0"height="498" width="859">
<span style="padding:0px 87px;"></span><br><br><br><br><br><br>
</table><br>

вот это дааа

В том то и дело, что скрипта на плавное выезжание нету, и неработает выравнивание=(