when refreshing IE messes up my css!

<div id="box"><div class="content">


<h1>lala</h1>
Can you please give the the direction to the coolioest person ever? Thanks so much I knew it was her. HEY COOOOOOOLIO</div>

<br><div class="content">


<h1>lala</h1>
Can you please give the the direction to the coolioest person ever? Thanks so much I knew it was her. HEY COOOOOOOLIO</div>

<br><div class="content">


<h1>lala</h1>
Can you please give the the direction to the coolioest person ever? Thanks so much I knew it was her. HEY COOOOOOOLIO</div>







<style type=text/css>
body {
height:8px;
color:black;
font-family:terminal;
font-size:8pt;}
BODY,TD,FONT,P,I
{
margin-left : 2;
margin-bottom : 2;
margin-right : 2;
margin-top : 2;
font-family:terminal;
font-size:8pt;
line-height:12px;
font-weight:normal;
font-style:normal;
color:black}
a:hover {
font-FAMILY: terminal;
font-size:8pt;
text-decoration: none;
color: black;}
a {COLOR: black;
font-family: terminal;
font-size:8pt;
line-height:11px;
text-decoration:none;
font-weight:bold;}

h1
{background:#ecffc5;
border-bottom:3px dotted #ff86bc;
border-top:2px solid #c1ff53;
font-family:Terminal;
padding:2px;
font-size:8pt;
color:black;
text-transform:none;
font-weight:none;
text-align: right;
text-decoration:none;
width:100%;}
body {
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #c1ff53;
scrollbar-track-color: #FFFFFF;}

div.content {
border-left-width : 6px;
border-bottom-width : 1px;
border-right-width : 1px;
border-top-width : 1px;
border-left-style : solid;
border-bottom-style : solid;
border-right-style : solid;
border-top-style : solid;
border-left-color : #000000;
border-bottom-color : #000000;
border-right-color : #000000;
border-top-color : #000000;
padding-left : 2;
padding-bottom : 2;
padding-right : 2;
padding-top : 2;
margin-left : 2;
margin-bottom : 2;
margin-right : 2;
margin-top : 2;
background-color : #badbec;
text-align: left;}


div.box {
width: 40px;
border: 2px solid #781351;
padding: 3px;
background: #d7b9c9;
white-space: nowrap
}

span {
width: 100px;
display: block
}

</style>

that is my coding and on IE when I refresh it messes up. Can anybody help? Oh yeah and my site is freewebs.com/plainlymine or freewebs and the sn is plainlymine Thanks

 

Oh and also please e-mail me too at

 

And just how did you expect it to do anything consistantly? You don't even approach having valid html.

No, I won't email you an answer.

cheers,

gary