Hide html list item using css
<p>I would like to remove (or make not visible) #tab4 from the end users view. I thought I could use something like </p>

<pre><code>    #tab4 {
    visibilty: none;
    :
}
</code></pre>

<p>However thats not working. Do I need to target the ID as well?</p>

<hr>

<pre><code>&lt;div id="tabs-widget-wrap"&gt;
                &lt;ul id="tabs"&gt;
                    &lt;li id=""&gt;&lt;a href="#" name="#tab1" id=""&gt;Description&lt;/a&gt;&lt;/li&gt;
                    &lt;li id=""&gt;&lt;a href="#" name="#tab2" id=""&gt;Features&lt;/a&gt;&lt;/li&gt;              
                    &lt;li id="current"&gt;&lt;a href="#" name="#tab3" id="current"&gt;Policies&lt;/a&gt;&lt;/li&gt;    
                    &lt;li id=""&gt;&lt;a href="#" name="#tab4" id=""&gt;Availability&lt;/a&gt;&lt;/li&gt;
                    &lt;li id=""&gt;&lt;a href="#" name="#tab5" id=""&gt;Review (0) &lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
</code></pre>