１０個の落ちてくる文字の位置を常に真中に表示
お知恵をおかりしたいのですが、
下記のソースで１０個の文字（GIF）がオンロードで落ちてくる
という仕様なのですが、現在はポジションを指定してあるのですが、
これをスクリプトの追加で常に真中に揃えることがしたいのですが、
自分でもやってみましたがうまくいかずおわかりになる方お力をお貸しください。
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload = init;
var n=8;
var frac = [1.7,1.8,1.6,1.8,1.7,1.5,1.7,1.9];
var bound = [0.5,0.6,0.5,0.6,0.6,0.5,0.6,0.5];
var count = [];
var elm=[];
var y = [];
var handle=[];
function falling() {
for(i=0;i<n;i++){
y[i] += ++count[i] * 0.001 * frac[i];
elm[i].style.top = y[i];
if(y[i] >= wH){
y[i] = wH;
count[i] = Math.ceil(-count[i] * bound[i]);
if( count[i] == -1 ) clearInterval( handle[i] );
}
}
}
function init() {
for(i=0;i<n;i++) {
elm[i] = document.getElementById("sample"+i);
handle[i] = setInterval(falling,10);
y[i]=count[i]=0;
}
wH = document.all ? document.body.clientHeight : window.innerHeight;
wH = wH - elm[0].height;
}
</script>
</head>
<body>
<center>
<img src=".jpg" width="330" height="440">
<img src=".gif" id="sample0" style="position:absolute;left:250px;">
<img src=".gif" id="sample1" style="position:absolute;left:300px;">
<img src=".gif" id="sample2" style="position:absolute;left:350px;">
<img src=".gif" id="sample3" style="position:absolute;left:400px;">
<img src=".gif" id="sample4" style="position:absolute;left:450px;">
<img src=".gif" id="sample5" style="position:absolute;left:500px;">
<img src=".gif" id="sample6" style="position:absolute;left:550px;">
<a href="#" alt="ENTER"><img src="enter.gif" id="sample7" border="0" style="position:absolute;left:680px;"></a>
</center>
</body>
</html>
というソースなのですが、たぶん１行か２行のコードの追加でモニタサイズなど関係なしに常にど真ん中にならべることができると思うのですが、難しく。。。。。
どうかなのとぞよろしくお願いいたします。
お礼
おっしゃった様に他のところを調べてみたら悪いところは ｍｅｔａでした。 1.<meta http-equiv="content-style-type" ・・・（間違い） 2.<meta http-equiv="content-type" ・・・（正しい） 1を2に直したら上手くいきました。ＨＴＭＬに点数をつけてくれるサイト の説明どおりに直したばっかりだったのに、それが原因だなんて ガーンです。どうもありがとうございました。