css

Задача поставить индикатор загрузки по центру монитора.

CSS

#load-container

{

	position:absolute;

	left: 260px;

	top:0px;

	width:100%;

	height:100%;

	background-color:#669933;

	z-index:6;

	display:none;

}

#loading-animation

{

	display:none;

	visibility: hidden;

	position: fixed;

	right: 0px;

	top:42%;

	width: 48px;

	height: 33px;

	background-color:#FFFFFF;

	z-index: 10;

	/**** START CSS3 SHADOW CROSS-BROWSER ****/

	-moz-box-shadow: -1px 1px 2px #0c0c0c;

	-webkit-box-shadow: -1px 1px 2px #0c0c0c;

	box-shadow: -1px 1px 2px #0c0c0c;

	

	/* For IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=-120, Color='#0c0c0c')";

	/* For IE 5.5 - 7 */

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=-120, Color='#0c0c0c');

	/**** END CSS3 SHADOW CROSS-BROWSER ****/

}

#loading-animation img

{

	position:relative;

	float: left;

	top: 11px;

	margin-left: 16px;

}

Сейчас индикатор справа у самого края. Как сделать индикатор в самом центре монитора?