Hi im having some problems with a scrollTo function in JQuery not working on IE if could someone help me to fix it so it works on all browsers

Script
Code:
$(document).ready(function() {
	//seleccionar los <a> con clase .panel
	$('#contenedormenu a').click(function(){
		//remover clase activa del enlace (la clase activa viene por default en el primer enlace)
		$('#contenedormenu a').removeClass('active');
		//pone en activo el enlace que se clickeo
		$(this).addClass('active');
		
		$('#mascara').scrollTo($(this).attr('rel'), 1000);
		 
		 return false;
         
	})
});
The HTML

Code:
<div id="divprincipal">
<!--------------------------- div menu ------------------------------------------->
<div id="barra1">	
    <div id="contenedormenu">	
        <li><a href="#" class="active" rel="#item1">Quien soy</a></li>
    	<li><a href="#" rel="#item2">Experiencia</a></li>
    	<li><a href="#" rel="#item3">Formacion</a></li>
        <li><a href="#" rel="#item4">Contacto</a></li>
	</div>
</div>
<!----------------------------fin div de menu ------------------------------------>
<!----------------------------div de los contenidos   ---------------------------->
<div id="mascara">
	<div id="divcontenidoslider">                 
        <div id="item1" class="item">
            <div class="contenidopresentacion">
            </div>
            <div class="contenido">  
            <h1>hfjkdl{skfds</h1>    
            </div>
        </div>
 
        <div id="item2" class="item">
            <div class="contenidopresentacion">
            </div>
            <div class="contenido">
            <h1>hfjkdl{skfds</h1>      
            </div>
        </div>
         
        <div id="item3" class="item">
            <div class="contenidopresentacion">
            </div>
            <div class="contenido">
            <h1>hfjkdl{sgfgfhjjkfds</h1>      
            </div>
        </div>
        <div id="item4" class="item">
            <div class="contenidopresentacion">
            </div>
            <div class="contenido">
            <h1>hfjkdl{skffdadsadsadsds</h1>      
            </div>
        </div>
	</div>
</div>

<div class="clear"></div>

</div>
The CSS

Code:
#divprincipal{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	}
/*menu navegacion */
#barra1{
	width: 100%;
	height: 200px;
	background-color: white;
	position: relative;
	border: 5px solid red;
	}
#contenedormenu {
	border: 3px solid green;
	width: 768px;
	margin: 3% auto;
	text-align:center;
	padding: 0;
	}
#contenedormenu li{
	border: 2px solid red;
	margin: 3px 15px;
	display: inline-block;
	list-style: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	}
#contenedormenu li a{
	text-decoration:none;
	display:block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	}

/* fin menu de navegacion */
/* contenido de la pagina */	
#mascara{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	}
#divcontenidoslider {
	width:400%;
	height:100%;
	}
#divcontenidoslider .item {
	width:25%;
	height:100%;
	float:left;
	}