title: Resizing window hides my navigation sidebar
body: <p>I have a website. It is pretty simple, just a column of text in the middle and on the left of it a navigation column with links to my pages. When I resize my browser window while on my website, making the window smaller causes the column of text to cover the navigation column. While this isn't a problem on computers with widescreen monitors and high resolutions, it is a problem for some people, who load the page and find the text column already covering the navigation column because of the size of the window. How can I make my navigation column move with my text column when the window is resized, rather than not moving at all and becoming covered up when I resize the window?</p>
  
  <p>The links are in one div, the text in a different div. Here is the css:</p>
  
  <pre><code>#links {
  position: relative;
  float: left;
  left: 18em;
  font-family: arial;
  }
  #content {  
  position: relative;
  font-family: arial, helvetica;
  top: -4em;
  width: 560px;
  
  border-style: solid;
  border-color: 36a2c1;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0em;
  padding-bottom: 1em;
  padding-left: 3em;
  padding-right: 3em;
  }
  </code></pre>