#arrows {
	position: fixed;
	top: 100px;
	left: 450px; 
	width: 120px;
	height: 45px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 55px;
	height: 40px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 55px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: transparent url(../jpgs/left.jpg) no-repeat;}
#arrows ul #right a{background: transparent  url(../jpgs/right.jpg) no-repeat;}


#test1
{
 border : 1px solid red;
position : fixed;
width : 100px;
height : 100%;
top : 100px;
left:150px;
background : transparent no-repeat;
}

#test2
{
 position : fixed;
width : 100px;
height : 100%;
top: 100px;
left : 500px;
border : 1px solid blue;
}