title: Constrain Text to Div
body: <p>Aftret 3 days trying to get past this issue i give up.
  is there an alternate to a div that i can use that will actually hold text ?
  At the moment text ignores the div, ignores the height, width, top, bottom and boarder/margin and just dose what ever it wants . 
  This is really frustrating as when resolution is changed my title which is set 0% from the top ends up at the bottom of the page overlapping the info text (which is somewhere else defying physics somehow) while both divs remain completely unaffected where they are suppose to be.</p>
  
  <p>on the attacked picture the green box is where the black "Home" text should be and the Blue box is where the red text should be. there is also suppose to be a blue box somewhere on the but it seems to have took the day off... </p>
  
  <p><a href="http://i893.photobucket.com/albums/ac139/AceScottie1/StupidText_zps8b73b060.png" rel="nofollow">Image</a></p>
  
  <pre><code>#Info { background-color:#0F0; position:absolute; top:200px; left:20%; height:auto; width:60%; color:#FFF; font-size:18px; font-weight:bold; z-index:110; bottom:20%; word-wrap:break-word;
  }
  </code></pre>