Problema con Capas DIV

[IssuesGirl]

Hola a todos

Tengo un problemilla con unas capas que estoy utilizando

resulta que necesito hacer una pestaña que se mantenga pegada al borde izquierdo de la ventana del navegador (lo cual logre hacer utilizando el atributo position:fixed)

pero también necesito que se mueva hacia arriba y hacia abajo cuando mueva el scroll de la pagina...

obviamente usando el position:fixed se queda fija donde yo la coloque, he intentado usando, margin-top, padding-top, entre otras cosas y de verdad ya no se que hacer

les agradeceria mucho si pudiesen ayudarme

este es el codigo que estoy usando para la pestaña

Código:

<!--comienza pestaña-->
  
<script>
  
function cambiar_img(imagen)
{
	if(imagen.alt==12)
	{
		imagen.src='div/btn_1_b.gif';
		imagen.alt=1;
		document.getElementById('apDiv4').style.visibility='visible';
		document.getElementById('apDiv7').style.visibility='visible';
	}
	else
	{
		imagen.src='div/btn_1_a.gif';
		imagen.alt=12;
		document.getElementById('apDiv4').style.visibility='hidden';
		document.getElementById('apDiv7').style.visibility='hidden';
	}
}

</script>
  
  
    <div id="apDiv3"><image src='div/btn_1_a.gif'  alt="12" onclick='cambiar_img(this)'></div>
    
    
    <div id="apDiv7">
<table width="200px" height="200px"  border="0" cellspacing="0" cellpadding="3">
    <tr>
      <td height="102" align="center"><script language="javascript" src="http://valery.helpserve.com/visitor/index.php?_m=livesupport&_a=htmlcode&departmentid=0&fullname=&email="></script></td>
    </tr>
</table></div>
    
    
    
    <div id="apDiv4"><img src="div/espacio_estados4.gif" width="454" height="369" /></div>
    
<!--cierra pestaña-->

y estos son los atributos CSS

Código:

#apDiv3 {
	position:fixed;
	width:60px;
	height:300px;
	z-index:25;
	left: 0px;
	top: 180px;
	float: left;
	padding: 0 auto;
	clear: both;
}
#apDiv4 {
	position:fixed;
	width:454px;
	height:369px;
	z-index:25;
	left: 55px;
	top: 143px;
	visibility: hidden;
}
#apDiv7 {
	position:fixed;
	width:200px;
	height:200px;
	z-index:26;
	left: 290px;
	top: 288px;
	visibility: hidden;
}

[Ember]

te mentiría si dijera que sé solucionarlo, pero en http://www.dynamicdrive.com/dynamici...lide/index.htm tienen unos menús laterales que se mueven conforme haces scroll en la página, tal vez ahí encuentres la solución

[seudoCodigo]

Iniciado por Ember

te mentiría si dijera que sé solucionarlo, pero en http://www.dynamicdrive.com/dynamici...lide/index.htm tienen unos menús laterales que se mueven conforme haces scroll en la página, tal vez ahí encuentres la solución

:D DynamicDrive siempre me ha resuelto

[tredio]

con el position:fixed, eso es exactamente lo que pasa, el div deberia bajar conforme lo hace el scroll, deberias quitar la propiedad float:left, no esta haciendo nada ahi. cuentanos como te va.