title: Semantically correct XHTML markup
body: <p>Just trying to get the hang of using the semantically correct XHTML markup. </p>
  
  <p>Just writing the code for a small navigation item. Where each button has effectivly a title and a descrption. I thought a definition list would therefore be great so i wrote the following</p>
  
  <pre><code>&lt;dl&gt;
      &lt;dt&gt;Import images&lt;/dt&gt;
      &lt;dd&gt;Read in new image names to database&lt;/dd&gt;
  
      &lt;dt&gt;Exhibition Management&lt;/dt&gt;
      &lt;dd&gt;Create / Delete an exhibition &lt;/dd&gt;
  
      &lt;dt&gt;Image Management&lt;/dt&gt;
      &lt;dd&gt;Edit name, medium and exhibition data  &lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p>But...I want the above to be 3 buttons, each button containing the dt and dd text. How can i do this with the correct code? Normally  i would make each button a div and use that for the visual button behaviour (onHover and current page selection stuff). </p>
  
  <p>Any advice please </p>
  
  <p>Thanks</p>