IE visar inte mina divvar rätt!

Hej!
har suttit här med ett projekt nu ett tag och fått det att flyta i FF riktigt fint. Däremot så om man kollar sidan i IE så börjar man fundera lite på hur den resonerar. Det som är problemet är att IE "drar ut" divvarna på höjden och det går bara inte att ändra storlek till minde på dem.

CSS:

html, body
{
	background-image:url('img/skins/black/background.gif');
	height:100%;
	margin:0px;
	padding:0px;
}

/*LINJER*/

.line_top
{
	position:absolute;
	width:628px;
	height:5px;
	z-index:2;
	left: 56px;
	top: 84px;
	background-image:url('img/skins/black/line_hor.gif');
	margin: 0px;
	padding: 0px;
}

.line_bottom
{
	position:absolute;
	width:628px;
	height:1px;
	z-index:2;
	left: 56px;
	top: 591px;
	background-image:url('img/skins/black/line_hor.gif');
	margin: 0px;
	padding: 0px;
}

/*PUFFAR*/
.bottom_content_right
{
	position:absolute;
	width:138px;
	height:71px;
	z-index:2;
	left: 520px;
	top: 494px;
	background-image:url('img/skins/black/puff_bottom_right.gif');
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
}

HTML:

<div class="line_top"></div>

<div class="line_bottom"></div>

<div class="bottom_content_right" style="line-height:5px;">
	<form method="post" action="#" name="login">
		<img src="<%=skin%>/login_usr.gif" alt="" /><br />
		<input type="text" name="usr" /><br />
		&nbsp;<br />
		<img src="<%=skin%>/login_pwd.gif" alt="" /><br />
		<input type="password" name="pwd" />
	</form>
		<div style="text-align:right;">
			<a href="#"><img src="<%=skin%>/button_login_login.gif" style="border:0px;" alt="" /></a>
		</div>
</div>

Adressen för er som vill se det hela är:
http://oggo.ath.cx:8080/WF_oggo.nu/

stylesheetsen är:
(IE) http://oggo.ath.cx:8080/WF_oggo.nu/css_ie.css
(Övriga) http://oggo.ath.cx:8080/WF_oggo.nu/css.css