title: Overriding the width of a parent element
body: <p><a href="http://www.mysecretathens.gr/kulte_test/as_index.html" rel="nofollow">http://www.mysecretathens.gr/kulte_test/as_index.html</a></p>
  
  <p>I am trying to override the width of <code>#kontainer</code> in my <code>&lt;li&gt;</code> list at the bottom. I want the <code>.nav3</code> list to be full width, 100% but I cant override the <code>700px</code> of the parent element, <code>#kontainer</code></p>
  
  <p>What can I do? I tried the <code>!important;</code> rule, but that didn't give me the results I wanted.</p>