title: Align two divs to the right of one
body: <p>I'm making a website for someone and I'm kind of rusty with my html/css, and I really need side navigation on this site.</p>
  
  <p>I have the sidebar (#menu), then I want two divs (#slider on top of #container) to the left of #menu.</p>
  
  <p>How can I do this? Code is below, you also might want to know that #slider is a photo slider I got online:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  body {font-family: Arial; background-color: #eeeeee; background-image: url(Images/bg.png); background-position: bottom; background-repeat: repeat-x; height: 100%; background-attachment: fixed; color: #333333;}
  div#menu {float:left;margin-left: 25%; margin-right:25%; font-size: 40px; padding-top: 10px; padding-bottom: 10px; width: 10%; border: 1px solid #cccccc; text-align: center; word-spacing: 15px; background-color: #ffffff; margin-top: 10px;}
  div#container {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin-left: 25%; margin-right: 25%; width: 40%; border: 1px solid #cccccc; text-align: left; background-color: #ffffff; margin-top: 10px;}
  a {color: #666666; text-decoration:none;}
  a:hover {color: #333333; text-decoration: underline;}
  ul, li {list-style-type: none;}
  #slider {width:600px;height:300px; margin-left: 25%; margin-right: 25%; margin-top: 10px;}
  div.navBulletsWrapper {display:none;}
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="menu"&gt;
  &lt;li&gt;&lt;a href="index.htm"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;Br&gt;
  &lt;li&gt;&lt;a href="about.htm"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="products.htm"&gt;Products&lt;/a&gt;&lt;/li&gt;
  &lt;Br&gt;
  &lt;li&gt;&lt;a href="news.htm"&gt;News&lt;/a&gt;&lt;/li&gt;
  &lt;br&gt;
  &lt;li&gt;&lt;a href="contact.htm"&gt;Contact&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
  
  &lt;div id="slider"&gt;
          &lt;img src="1.jpg" /&gt;
          &lt;img src="2.jpg" /&gt;
          &lt;img src="3.jpg" /&gt;
      &lt;/div&gt;
  
  &lt;div id="container"&gt;
  Placeholder text.
  &lt;/div&gt;
  </code></pre>