На этот раз точно JavaScript =)

[ruweb]

Есть написаный мною по примеру слайдер (наверное так называется)
Javasсript

    sid = '';
    function show(id){
        if(sid != ''){
            document.getElementById(sid).style.display = "none";
        }
        document.getElementById(id).style.display = "block";
        sid = id;
    }
    
    
    function hideall(){
        if(sid != ''){
            document.getElementById(sid).style.display = "none";
            sid = '';
        }
    }

CSS

.slide {
	height: 350
	width: 730
}
.slide_img {
	display: none;
	height: 350
	width: 420
	float: left;
	position: relative;
	top: 0
	left: 0
}
.slide_block_link {
	float: right;
	height: 350
	width: 245
}
.slide_link_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11
	color: #FFF;
	background-color: #efefef;
	display: block;
	height: 41
	width: 230
	padding: 7
	margin-bottom: 5
	background-image: url(../images/red_hover.jpg);
	position: relative;
	top: 0
	right: 0
}
.slide_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11
	color: #000;
	background-color: #efefef;
	display: block;
	height: 41
	width: 230
	padding: 7
	margin-bottom: 4
}
.slide_link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11
	color: #7b7a7a;
	background-color: #efefef;
	display: block;
	height: 41
	width: 230
	padding: 7
	margin-bottom: 4
}
.slide_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11
	color: #FFF;
	background-color: #efefef;
	display: block;
	height: 40
	width: 230
	padding: 7
	margin-bottom: 5
	background-image: url(../images/red_hover.jpg);
}

.slide_img_red {
	display: block;
	height: 350
	width: 420
	float: left;
	position: relative;
	top: 0
	left: 0
}
#content {
	position:relative;
	width:480
	height: 67
	color:#fff;
	overflow:hidden;
	margin-top:-70
}

#transparent {
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
background-color:#000;
width:480
height: 67
position:absolute;
}

#text{ 
position:relative; 
padding: 10
}

html

<div class="slide">
        <div class="slide_img_red" id="bl1">
          <img src="images/big_photo.jpg" alt="" width="480" height="350" />
         <div id="content">
<div id="transparent"> </div>
<div id="text">
YOUR TEXT HERE 1
</div>
</div></div>
 
 
 <div class="slide_img" id="bl2">
          <img src="images/film.jpg" alt="" width="480" height="350" />
         <div id="content">
<div id="transparent"> </div>
<div id="text">
YOUR TEXT HERE 2
</div>
</div></div>


<div class="slide_img" id="bl3">
          <img src="images/med_photo.jpg" alt="" width="480" height="350" />
         <div id="content">
<div id="transparent"> </div>
<div id="text">
YOUR TEXT HERE 3
</div>
</div></div>

<div class="slide_img" id="bl4">
          <img src="images/banner.jpg" alt="" width="480" height="350" />
         <div id="content">
<div id="transparent"> </div>
<div id="text">
YOUR TEXT HERE 4
</div>
</div></div>

<div class="slide_img" id="bl5">
          <img src="images/map.gif" alt="" width="480" height="350" />
         <div id="content">
<div id="transparent"> </div>
<div id="text">
YOUR TEXT HERE 5
</div>
</div></div>

<div class="slide_img" id="bl6">
          <img src="images/photo.jpg" alt="" width="480" height="350" />
         <div id="content">
<div id="transparent"> </div>
<div id="text">
YOUR TEXT HERE 6
</div>
</div></div>
<div class="slide_block_link">
<a href="#" class="slide_link_red" onmouseover="show('bl1');">Том и Джерри — семейная пара предпенсионного возраста. Вечера и выходные они коротают ...</a>
<a href="#" class="slide_link" onmouseover="show('bl2');">Том и Джерри — семейная пара предпенсионного возраста. Вечера и выходные они коротают ...</a>
<a href="#" class="slide_link" onmouseover="show('bl3');">Том и Джерри — семейная пара предпенсионного возраста. Вечера и выходные они коротают ...</a>
<a href="#" class="slide_link" onmouseover="show('bl4');">Том и Джерри — семейная пара предпенсионного возраста. Вечера и выходные они коротают ...</a>
<a href="#" class="slide_link" onmouseover="show('bl5');">Том и Джерри — семейная пара предпенсионного возраста. Вечера и выходные они коротают ...</a>
<a href="#" class="slide_link" onmouseover="show('bl6');">Том и Джерри — семейная пара предпенсионного возраста. Вечера и выходные они коротают ...</a>
</div> 
        
        </div>

Он работает, но есть большое НО При первом наведении на ссылку блок прыгает вниз Но при повторном и последующих наведениях на ссылки он стоит как нужно и никуда не собирается...

скрины

Думаю накосячила где-то в стилях... Но выловить не могу Помогите пожалуйста разобраться в чем я не права?

Спасибо за помощь!