请教关于script.aculo.us的问题

我在使用effect的blindup/blinddown时,必须在页面的顶部加入, 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
他才不会在特效消失时,还会一闪的出现,但是加入这个,页面的有些内容就会位置错位,而且有些css也不会被使用想opacity这种,不知大家碰道时,是怎么解决的,这个问题困扰我很久了 
代码
<html>  
<head>  
<link rel="stylesheet" type="text/css" href="prototip.css" />  
<script src='prototype.js'></script>  
<script src='effects.js'></script>  
<script language="javascript" type="text/javascript">  
  function test1(){   
    Effect.BlindUp('x');   
  }   
</script>  
</head>  
  
<body>  
<input type='button' id='but1' onclick='test1()'/>  
<div id="wrapper" style='position:absolute'><div id="x" style='position:relative'>  
    <div style='background:red;width:300px;height:200px'></div>  
    </div></div>  
</body>  
  
</html>