<div> - trzy wiersze Opcje

[peter001]

mam następujący kod : (wziołem go z jakiegoś przykładu urzycia <div> i lekko przerobiłem (przedtem były dwa wiersze)

[HTML] pobierz, plaintext 
<style>
 
html, body {
  background: black;
}
body {
  margin: 0px;
  border: 0px;
  padding: 15px 0px;
  font: normal normal 11px tahoma, sans-serif;
  text-align: center; /* for IE */
}
div {
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* for Mozilla */
}
#content {
  width: 100%;
  margin: 0px auto;
  text-align: left;
  background: black url(bg.gif) repeat-y left;
}
#top {
  background: black;
}
#left {
  float: left;
  width: 20%;
  background: black;
}
#center {
  width: 60%;
  background: black;
}
#right {
  float: right;
  width: 20%;
  text-align: right;
  background: black;
  _height: 100%; /* hack for IE */
}
 
#separator_for_IE {
  position: absolute;
  height: 0px;
}
#bottom {
  background: #ff5;
  clear: both;
}
#top, #left, #right, #bottom, #center {
  padding: 10px;
}
 
</style>
<font color = "white">
<div id="content">
  <div id="top">
 
  <center><img src ="logo.jpg"></center>
 
  </div>
 
  <div id="left">left</div>
  <div id="center">TRALALALALALA</div>
  <div id="right">right</div>
  <div id="separator_for_IE"></div>
  <div id="bottom">Site by Peter001</div>
</div>
</font>
[HTML] pobierz, plaintext 

3 kolumna (right) schodzi mi ponizej center i left. Pewnie popełniłem jakiś głupi błąd, ale to moja pierwsza strona pisana na <div> i mam z tym problemy