Hello everybody,

I'm having a problem trying to format a page with an SSI include, this is the url: http://ataicr.com/topografia/medidor...measurer.shtml

Want I need is the information under the title "Productos relacionados" to scroll to the side and not downwards; I have tried everything that has popped in my head but nothing seems to work.

I'm trying to avoid using frames or iframes. Any help would be greatly appreciated.

This is the code:

CSS: (I'm only including the CSS related with the problem)

/*related-products start*/

#related-products {
float:left;
width:100%;
}

#related-products-top {
padding-left:15px;
padding-top:7px;
background-image:url(../images/products/titlebar-related-products.jpg);
background-repeat:no-repeat;
width:960px;
height:29px;
position:relative; left:15px;
font-family: Arial, "Arial Unicode MS";
font-size: 16px;
color:#FFF;
font-weight:bold;
}

#related-products-mid {
background-image:url(../images/products/related-products-mid.jpg);
background-repeat:repeat-y;
position:relative; left:15px;
width:960px;
padding:0px 15px 0px 15px;
}

#rp-block {
float:left;
width:309px;
}

#block-top {
width:309px;
height:196px;
background-image:url(../images/products/block-top.jpg);
background-repeat:no-repeat;
}

#block-top-1 {
width:309px;
font-family: Arial, "Arial Unicode MS";
font-size: 14px;
color:#FFF;
font-weight:bold;
text-align:center;
padding-top:5px;
height:29px;
}

#block-top-2 {
text-align:center;
height:105px;
}

#block-top-3 {
text-align:center;
height:45px;
}

#block-mid {
width:279px;
background-image:url(../images/products/block-mid.jpg);
background-repeat:repeat-y;
padding-top:5px;
padding-left:15px;
padding-right:15px;
}

#block-bot {
width:309px;
height:24px;
background-image:url(../images/products/block-bot.jpg);
}

#related-products-bot {
background-image:url(../images/products/related-products-bot.jpg);
background-repeat:no-repeat;
position:relative; left:15px;
width:960px;
height:8px;
}

/*related-products end*/



This is the code of the included file:



<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->

<!-- block -->
<div id="rp-block">
<div id="block-top">
<div id="block-top-1">Medidores de distancia Sónicos</div>
<div id="block-top-2"><img src="../../images/topografia/ti28_medidores_de_distancia_sonicos.jpg" border="0"></img></div>
<div id="block-top-3"></div>
</div>
<div id="block-mid">Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info Here goes the info </div>
<div id="block-bot"></div>
</div>
<!-- block -->