WHO to suit a table to mozilla

The following page has no problem in IE but in mozilla
it have no proportion the text is getting big and more
please look at the link -
http://www.coarch.co.il/123/raw/vanadium.html
I try to change the CSS file to %
but it didn't work
what should i do?
the CSS file

#content{
	background: url(../images/page6.png) no-repeat bottom center;
	text-align: left;
	position: relative;

}

.sphereTitle{
	font: bold 17px arial;
	position: absolute;
	top: 140px;
	left: 140px;
	color: #fff;
	border: solid 0px BLACK;
}

.paragraph1{
	position: absolute;
	font: bold 13px arial;
	top: 174px;
	left: 520px;
	width: 400px;
	height: auto;
	color: #5A5D5A;
	border: solid 0px BLACK;
}

.subTitle{

	position: relative;

	font:  bold 12px arial;

	top: 85px;

	left: 30px;

	width: auto;

	height: auto;

	color: #393839;

	border: solid 0px BLACK;

}

#vanadiumImage{
	position: absolute;
	font: italic bold 17px arial;
	top: 250px;
	right: 0px;
	width: 287px;
	height: 150px;
	color: #393839;
	border: solid 0px BLACK;
}
#pic{
	position: absolute;
	font: italic bold 17px arial;
	left:6px;
	top: 200px;
	right: 0px;
	width: 287px;
	height: 150px;
	color: #393839;
	border: solid 0px BLACK;
}
#pic2{
	position: absolute;
	font: italic bold 17px arial;
	left:6px;
	top: 273px;
	right: 0px;
	width: 287px;
	height: 150px;
	color: #393839;
	border: solid 0px BLACK;
}
#pic3{
	position: absolute;
	font: italic bold 17px arial;
	left:6px;
	top: 375px;
	right: 0px;
	width: 287px;
	height: 150px;
	color: #393839;
	border: solid 0px BLACK;
}
#pic4{
	position: absolute;
	font: italic bold 17px arial;
	left:6px;
	top: 450px;
	right: 0px;
	width: 287px;
	height: 150px;
	color: #393839;
	border: solid 0px BLACK;
}
#pic5{
	position: absolute;
	font: italic bold 17px arial;
	left:6px;
	top: 525px;
	right: 0px;
	width: 287px;
	height: 150px;
	color: #393839;
	border: solid 0px BLACK;
}
#pic6{
	position: absolute;
	font: italic bold 17px arial;
	left:6px;
	top: 585px;
	right: 0px;
	width: 287px;
	height: 150px;
	color: #393839;
	border: solid 0px BLACK;
}
.imageComment{
	position: absolute;
	font: italic bold 10px arial;
	top: 356px;
	right: 40px;
	width: auto;
	height: auto;
	color: #5A5D5A;
	border: solid 0px BLACK;
}
.mainText{
	position: relative;
	font: normal 11px arial;
	top: 70px;
	left: 97px;
	width: 50%;
	height: auto;
	color: #393839;
	border: solid 0px BLACK;
         display: inline;
        overflow:hidden;
        clear:both;
}
.paragraph2{
	position: absolute;
	font: bold 13px arial;
	top: 430px;
	left: 600px;
	width: 350px;
	height: auto;
	color: #5A5D5A;
	border: solid 0px BLACK;
}
.paragraph3{
	position: absolute;
	font: bold 13px arial;
	top: 530px;
	left: 560px;
	width: 390px;
	height: auto;
	color: #5A5D5A;
	border: solid 0px BLACK;
}
#puzzle{
	background: url(../images/puzzle.png) no-repeat top center;
	
	position: absolute;
	top: 259px;
	left: 13px;
	
	width: 76px;
	height: 337px;
}
.img1{
	position: absolute;
	top: 10px;
	left: 25px;
}
.img2{
	position: absolute;
	top: 73px;
	left: 25px;
}
.img3{
	position: absolute;
	top: 149px;
	left: 25px;
}
.img4{
	position: absolute;
	top: 214px;
	left: 25px;
}
.img5{
	position: absolute;
	top: 283px;
	left: 25px;
}

.clear { clear: both; }

Code (markup):