title: "<li>" tags incompatible with current navbar layout
body: <p>Simply put, I designed and coded a very simple horizontal navbar with HTML and CSS, without using <code>li</code> tags, and have now found out that I need a dropdown. No biggie, I'll just add some <code>li</code> and some <code>ul</code> tags to create it. Nope, doesn't work. It forces the image that I have lying over the navbar down, and completely ignores the CSS I have in place for the links within the div already (obviously, <code>li</code> tags have their own styling, don't they?</p>
  
  <p>Currently, this is the HTML:</p>
  
  <pre><code>&lt;div id="navside"&gt;
  &lt;a href="Beds.html"&gt;Beds&lt;/a&gt;
  &lt;a href="Furniture.html"&gt;Furniture&lt;/a&gt;
  &lt;h&gt; Francis of Malvern &lt;/h&gt;
  &lt;a href="Carpets.html"&gt;Flooring&lt;/a&gt;
  &lt;a href="Clearance.html"&gt;Clearance&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the CSS:</p>
  
  <pre><code>#navside {
  position: absolute;
  color: #ffffff;
  width:100%;
  height: 15%;
  text-align: center;
  box-shadow: 0px 0px 8px 0px #000000;
  background-color: rgba(1, 1, 1, 0.6);
  color: rgba(1, 1, 1, 0.8);
  }
  
  #navside a {
  font-size: 20px;
  padding-right:100px;
  padding-left:100px;
  color: white;
  text-decoration: none;
  text-align: center;
  }
  
  #navside a:hover {
  color: gray;
  } 
  </code></pre>
  
  <p>code that I'm using for the navbar alone.</p>
  
  <p>Basically, I just want to know if it is possible to get a dropdown to work without messing with the layout of the rest of the page.</p>
  
  <p>Any help would be much appreciated.</p>