title: How to make links as horizontal blocks?
body: <p>So I have a list, but I want them to act as "blocks" so the whole thing is clickable and the background changes color. But I can not have both inline and block as display in css. How do I fix this?</p>
  
  <p>The links at the top.</p>
  
  <p><a href="http://serenex.hostzi.com/" rel="nofollow">http://serenex.hostzi.com/</a></p>
  
  <p>HTML</p>
  
  <pre><code>    &lt;html&gt;
  &lt;head&gt;
  &lt;LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen&gt;
  &lt;title&gt;Serenex - Index&lt;/title&gt;
  &lt;head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  &lt;div id="top"&gt; 
  &lt;div id="logo"&gt;
  &lt;a href="http://www.http://serenex.hostzi.com/"&gt; &lt;img src="images/logo1.png" border="0" /&gt; 
  &lt;/a&gt;&lt;/div&gt; 
  &lt;div id="inbar"&gt;
  &lt;ul id="topbar"&gt;
  &lt;li&gt;&lt;a href="default.asp"  style="text-decoration: none"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="news.asp"  style="text-decoration: none"&gt;News&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="contact.asp"  style="text-decoration: none"&gt;Play&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="about.asp"  style="text-decoration: none"&gt;Vote&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="about.asp"  style="text-decoration: none"&gt;Forums&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt; 
  &lt;/div&gt; 
  &lt;/div&gt; 
  &lt;div id="midsection"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>body{
  background:#363636;
  }
  
  #wrapper{
  width:900px;
  height:2000px;
  margin: 0 auto;
  }
  
  #top{
  width:100%
  height:150px;
  background:white;
  border: 1px solid black;
  }
  
  #inbar{
  height:30px;
  width:100%;
  background:#dedede;
  border-top: 1px solid #b0b0b0;
  }
  
  
  #topbar{
  position:relative;
  top:-10px;
  margin-left:-35px;
  }
  
  #topbar{
  display: block;
  }
  
  #topbar li{
  display:inline;
  padding-left:20px;
  padding-right:20px;
  border-right: 1px solid black;
  padding-bottom:5px;
  padding-top:6px;
  }
  
  #topbar li a{
  color:#363636;
  display:block;
  font: bold 14px arial, sans-serif;
  display:inline;
  }
  </code></pre>