Hi,
Moved to CSS forum 
We’d still need to see what’s in style-girls.css because the IE stylesheet will be merged with whatever other rules are seen before.
We need all the CSS to get a clear picture of what’s going on and using just the IE css file does not produce anything close the the picture you posted It would be better if we had a real link to work with if you have this online somewhere.
As you suspected you should not be using a whole IE file anyway and only the differences need to be in the IE only file and you certainly would not want to give it to all versions of IE in one go as they don’t have the same bugs.
It is unlikely from the code posted that you need any specific css yet for IE and it would be more important to address your coding concepts as they are flawed at present.
You would rarely using percentage for vertical margins as they are based on the width of the element and therefore would not be much use as it means elements move dramatically when the viewport is resized.
You should use p elements for paragraphs and no breaks. Breaks are only used for breaking up lines as used in form controls, addresses or poems but not blocks of text which should be coded using p elements only. (However looking at your text it seems that it may be some sort of poem anyway and then breaks would be correct to split it up.)
Use appropriate heading tags for elements which are obviously headings.
<p> Welcome to the Future!<br/>
That should be a heading tag at the appropriate level.
Do you have an example of what the page should look like?
You probably need a structure more like this rough example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body, table{
margin: 0;
padding: 0;
font-size: 100%;
}
object, iframe,
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ol, ul, fieldset,
form, legend, table, caption, th, td {
margin: 0;
padding: 0;
border:none;
}
ol, ul {list-style: none;}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align:top;
}
a:link {color: #DAA520; /*Goldenrod*/}
a:visited {color: #CD853F; /*Peru*/}
a:hover {color: #FFD700; /*Gold*/}
a:active {color: #FF69B4; /*Hot Pink*/}
img, a img{border:none}
h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0 0 .75em}
/* end reset styles */
body {
background: #000 url(gth_web_red_rose_q85.jpg) center center fixed no-repeat;
color:#fff;
-moz-background-size: cover;
background-size: cover;
font-family:"Futura Bk BT", "MS Sans Serif", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}
p {color: #FFF8C6;}
p#back-icon{
width:150px;
margin:20px 0 10px;
border: 2px solid yellow;
}
#wrapper{
max-width:1200px;
min-width:600px;
margin :auto;
border: solid 4px orange;
padding:10px;
zoom:1.0;
}
#main{
border: 3px solid white;
width: 50%;
margin:25px auto;
padding:10px;
}
#keyword_copy {
border: 3px solid aqua;
width: 65%;
margin:50px auto;
font-size: 92%;
padding:10px;
}
#mail-us {
border:4px solid green;
text-align:center;
}
</style>
</head>
<body>
<div id="wrapper">
<p id="back-icon"><a href="http://www.sitepoint.com/forums/css-53/..\\index.html"><img src="wayback_icon_w_arrow_70p.gif" alt= "per OP request" /></a></p>
<div id="main">
<h1>Welcome to the Future!</h1>
<p>Although I guess you could say that any time...</p>
<p>We're moving and we're going to be disconnected for a little while, but we have an EP about half done. Would you like to hear it? It's kind of songs about girls, or maybe for girls. Girl songs. It starts out loud, but it settles down pretty quickly.</p>
<p>The next one will be about boys. You'll want to brace yourself for that one.</p>
<p> All the standard disclaimers and apologies apply -- the mixes are real approximate and some of the notes are off and stuff. But the group of people who will ever make it to this little teensy little web page is very small and special, and we can share, can't we? </p>
<p>We like the program to have a beginning, a middle, and an end, so the whole CD is really best, when it actually happens. But for now, here are some mp3 singles for you:</p>
<ul>
<li><a href="lynnie.mp3">Lynnie</a></li>
<li><a href="your.mp3">Your Star</a></li>
<li><a href="watching.mp3">Watching Things</a></li>
<li><a href="terry.mp3">Terry Sings</a></li>
</ul>
</div>
<div id="keyword_copy">
<p> A little bit of info to help people find us: </p>
<p> We're a band that plays songs that you might call pop music or Sixties rock
or something like that. We have pretty good songs and we play as best as we can. </p>
<p> We're influenced by a lot of the records that end up on Nuggets compilations. Especially the Nightcrawlers and the Merry-Go-Round. We don't use fuzz-tones very much. Sometimes people call that kind of music garage bands or Sixties punk
(some of it is punky). We will admit that our songs have stories of happiness and loneliness and redemption. We hope that's okay.</p>
<p> If you don't have the Rhino Nuggets box, you need it. Of course you need our record too. Also the Monkees. We <em>like</em> the Monkees. </p>
</div>
<p id="mail-us"><a href="mailto:per OP request"><img src="gth_email_us.gif" height="20px" width="110px" alt="This is the button to link to email us"/></a></p>
</div>
</body>
</html>
If you can show us what it should look like then we may be able to address your issues more specifically
[/ot]