title: #current css help
body: <p>I can't seem to get this working...I have few menu items that need different background items from the global setting.</p>
  
  <p>Here is the global setting which works just fine...</p>
  
  <pre><code>#left #current a {background-image: url(../images/leftbuttonactive.png); color: #000;}
  </code></pre>
  
  <p>BUT I need to apply a different background image to some items which are 2 lines of text, hence .itemxxx. Each line below is what I have tested, of which none work.</p>
  
  <pre><code>#left #current .item136 a,
  .item136 #current a,
  #current .item136 a,
  #current .item136 &gt; a,
  #left #current .item136 a:link,
  #left ul li.item136 li.active a:link,
  #left #current .item136 a,
  #left li.item136 #current a,
  background-image: url(../images/leftbutton2lineactive.png);}
  </code></pre>
  
  <p>This works just fine for :hover or :visited...</p>
  
  <pre><code>#left li.item136 a:hover
  </code></pre>
  
  <p>I have tried quite a few variations (as you see in code 2) but have had no luck. Suggestions?</p>