title: CSS Menu align right
body: <p>I'm new to HTML/CSS and also this dropdown menu. I tried putting <code>align="right"</code> on its div container but nothing's happening.. It just made my header look unorganized. </p>
  
  <p>The menu is supposed to be at the top of the blue horizontal line and below the logo. It was organized at first until I made changes to header.html to create a dropdown menu.</p>
  
  <p>Here's my HTML code for that:</p>
  
  <p>HTML</p>
  
  <p>CSS:</p>
  
  <pre><code>* {
      font-family: verdana,sans-serif; 
  }
  
  div {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  .container {
      border-collapse: collapse;
      position: relative;
      min-height: 90%;
      height: auto !important;
      height: 90%;
      margin: 0;
      min-width:800px;
      width: 800px;
  }
  
  #left-panel, #right-panel {
          border-collapse: collapse;
          display:inline-block;
          width:30em;
          height:100%;
          margin:0px;
          min-width:100px;
          background:white;
          overflow:hidden;
  }
  .header {
      margin: 0 auto;
      width: 800px;
      height: auto;
      border-collapse: collapse;
  }
  
  .footer, .push  {
      width:800px;
      height: 40px;
      clear: both;
      margin: 0 auto 0;
  }
  
  p.copyright {
      font-weight: bold;
      text-align: center;
  }
  
  .text-image{
      width:533px;
      height:321px;
      background-image: url('images/about-cti.jpg'); 
      background-position: 350px 250px; 
  }
  
  .a {
          text-align: left;
          font-family: verdana;
          font-size: 11pt;
          text-decoration: none; 
          color : #000000;
  } 
  &lt;!--Navigation--&gt;
  #cssmenu ul,
  #cssmenu li,
  #cssmenu span,
  #cssmenu a {
    margin: 0;
    padding: 0;
    position: relative;
  }
  #cssmenu ul {
    list-style: none;
  }
  #cssmenu &gt; ul &gt; li {
    float: left;
  }
  #cssmenu ul ul {
    display: none;
    position: absolute;
  
    left: -1px;
    min-width: 100%;
    text-align: center;  
    *width: 100%; /* IE7 hack*/
  }
  #cssmenu li:hover ul {
    display: block;
  }
  &lt;!--End of Navigation--&gt;
  </code></pre>