IE Problem!!

[Cetanu]

Low and behold, IE has messed up again.

 

But I bet someone will be able to fix it.

So, this is the CSS for my website:

* {
margin: 0;

padding: 0;

}


body {

font-size: 72.5%;
font-family: tahoma, sans-serif; 

background: url(bricks.png) repeat;
bakground-attachment: fixed; 
color: #FEEFA2;

}
a{ 
color: white; 
text-decoration: none; 
} 
a:hover{ 
color: #090; 
text-decoration: none;
} 
a:visited{ 
color: #FEEFA2; 
text-decoration: underline;
} 


p, li {

font: 1.2em/1.8em Tahoma, sans-serif;

margin-bottom: 10px;

}


h1 {

font: 2.0em Tahoma, sans-serif;
color: white;

height: 0px;

}


h2 {

font: 1.8em Tahoma, sans-serif;
color: #FEEFA2;

margin-bottom: 10px;

}


ul {
margin-left: 25px;

}


img {

border: none;

}


#page-wrap {

background: url("bricks.png")repeat #222;
background-attachment: fixed; 

min-width: 720px;

max-width: 1260px;

margin: 10px auto;

}

#page-wrap #inside {

margin: 0px 0px 0px 0px;

padding-top: 10px;

padding-bottom: 0px;

}


#main-content {

background: url("") repeat-y #4B4214;
padding-left: 230px;
padding-right: 230px;
padding-top: 20px;
border-right: 1px solid #000;
width: 45%;  
margin-left: 10%;
}


#header {

width: 82%;
margin-left: 10%;
background: #342E0E;

text-align: center;
font-size: 1em;

}


#left-sidebar {

width: 150px;

float: left;
padding-left: 150px;

padding-top: 20px;
font-size: 1em;  

}

#footer {

background: #342E0E;

margin-left: 10%; 
width: 82%;
text-align: center;

padding-top: 20px;
padding-bottom: 20px;

color: white;

}

 

And this is the HTML for the pages.

<div id="page-wrap">

<div id="inside">

<div id="header">
<img src="button.png" alt="mythscape"> <br>
MythScape -v. 1.5-!
</div>

<div style="clear: both;"></div>

<div id="left-sidebar">

<p>
You are not logged in!<br></p><form action="login.php" method="post">
Username: <input name="username" size="20" type="text"><br>
Password: <input name="password" size="20" type="password"><br>
<input value="Log In" type="submit">
</form>
<a href="user_login.php">Register</a><br><a href="http://mythscape.freezoka.com/wiki//index.php?MythScapeMainPage" target="_blank">Wiki</a></div>




</div>


<div id="main-content">
<p>Cryptids, animals that haven't been proven to exist or have little or no information documented on them, could very well be around us. No one can 
disprove their existence, but there is evidence that can neither support nor destroy the possibility of them being real. Cryptozoology (the study of 
cryptids) comes from the Greek words: <i>kryptos</i>, <i>zoon</i>, and <i>logos</i>, which translate to: hidden, animal, and discourse. The term was coined 
by Lucien Blancou when he dedicated a book to Bernard Heuvelmans, "the master of cryptozoology". Accounts of cryptids are abundant and diverse. Even if outsiders 
to an area have never heard of a cryptid, the native peoples often have tales of them; if the creature never existed, surely they would not have accounts 
and stories about them.</p>
<div style="border-top: 1px solid rgb(0, 0, 0); text-align: right;">>>Cryptozoology Main Page</div>
<p>Demonology, or the study of demons, is a branch of theology, and involves the studying of demons' existence, or the belief in them. Demons are very common
in religion, and are not always evil. In fact, most demons in ancient religions were good, bad, or both. Djinn (Middle Eastern demon-like beings) 
could become good and adopt Islam. However, in some religions, like Christianity, demons are always evil and serve their lord, Satan.A demonologist studies 
demons and catalogues their existence; they made be a member of the occult or an exorcist for one of the major religions of today.</p>
<div style="border-top: 1px solid rgb(0, 0, 0); text-align: right;">>>Demonology Main Page</div>
<p>Mythology is the study of myths, which are tales that have been gathered and reflect on a culture's beliefs. Myths were abundant in ancient 
civilizations like Egypt, Greece, Japan, and Rome, but in the modern world our myths reflect things that aren't religious or spiritual in any way. Tribal mythology is abundant in areas 
of Pacific Asia or Africa.</p>
<div style="border-top: 1px solid rgb(0, 0, 0); text-align: right;">>>Mythology Main Page</div>
<p>
This website is the source of information on all of these topics. It is an unprecedented amalgamation of information that is free for you to read!</p>  </div> 

</div>	
<div style="clear: both;"></div>

<div id="footer">

<p></p><div id="footer"><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/us/"><img class="center" alt="Creative Commons License" style="border-width: 0pt;" src="http://i.creativecommons.org/l/by-nc-nd/3.0/us/88x31.png"></a><br></div>

</div>

<div style="clear: both;"></div>




<div style="text-align: center;"><div style="position: relative; top: 0pt; margin-right: auto; margin-left: auto; z-index: 99999;">
<div align="center"></div>
<a href="http://www.freezoka.com/">Free Web Hosting</a>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6333523-1");
pageTracker._trackPageview();
} catch(err) {}</script>    
</div></div>

 

Basically, where it says <div id="left-siderbar"> There is a nicely nested column of text. In Firefox, that is. In IE the text floats ABOVE the middle (main) column rather than become nested within it. Please help.

[TheFilmGod]

Your code is poorly designed. Text should always be enclosed within a text block-level tag. <br /> should rarely be used if you design properly.

 

It seems like you're more of a php developer than a designer.  :-\

[Cetanu]

Thanks for the help?  ??? :-\