title: CSS menu, display subnav on hover
body: <p>I made a custom mini navigation on a site I am working on, I need the subnav to display on hover just as I have it display on the category or page it is currently on but have not been able to select that properly. </p>
  
  <p>It is the small navigation on the right with the radio/tv/contests/blog icons
  Link: <a href="http://www.getconnectedmedia.com/wp/?post_type=radio" rel="nofollow">http://www.getconnectedmedia.com/wp/?post_type=radio</a></p>
  
  <p>I thought this would work, but it doesn't <br></p>
  
  <pre><code>ul#mininav li#mntv a:hover ul#minisubnav li#subtv {
      display:inline !important;
  }
  </code></pre>
  
  <p>Here is the code so far:</p>
  
  <pre><code>&lt;ul id="mininav"&gt;
      &lt;li id="mnradio"&gt;&lt;a href="http://www.getconnectedmedia.com/wp/?post_type=radio"&gt;radio&lt;/a&gt;&lt;/li&gt;
      &lt;ul id="minisubnav"&gt;
          &lt;li id="subradio"&gt;RADIO&lt;/li&gt;
      &lt;/ul&gt;
      &lt;li id="mntv"&gt;&lt;a href="http://www.getconnectedmedia.com/wp/?post_type=gctv"&gt;tv&lt;/a&gt;&lt;/li&gt;
      &lt;ul id="minisubnav"&gt;
          &lt;li id="subtv"&gt;TV&lt;/li&gt;
      &lt;/ul&gt;
      &lt;li id="mnblog"&gt;&lt;a href="http://getconnectedmedia.com/wp/?cat=2"&gt;blog&lt;/a&gt;&lt;/li&gt;
      &lt;ul id="minisubnav"&gt;
          &lt;li id="subblog"&gt;BLOG&lt;/li&gt;
      &lt;/ul&gt;
      &lt;li id="mncontests"&gt;&lt;a href="http://www.getconnectedmedia.com/wp/?post_type=contests"&gt;contests&lt;/a&gt;&lt;/li&gt;
      &lt;ul id="minisubnav"&gt;
          &lt;li id="subcontests"&gt;CONTESTS&lt;/li&gt;
      &lt;/ul&gt;
      &lt;li id="mnarchives"&gt;&lt;a href="http://getconnectedmedia.com/wp/?page_id=108"&gt;archives&lt;/a&gt;&lt;/li&gt;
      &lt;ul id="minisubnav"&gt;
          &lt;li id="subarchive"&gt;ARCHIVES&lt;/li&gt;
      &lt;/ul&gt;
      &lt;li id="mnabout"&gt;&lt;a href="http://getconnectedmedia.com/wp/?page_id=119"&gt;about&lt;/a&gt;&lt;/li&gt;
      &lt;ul id="minisubnav"&gt;
          &lt;li id="subabout"&gt;ABOUT&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>ul#mininav li {
      display: block;
      float: left;
      margin: 0 0 0 0px !important;
  }
  
  ul#mininav li a {
      display: block;
      outline: none;
      width: 30px;
      height: 30px;
      background: transparent url(images/mininav/mininav.png) no-repeat 0 0;
      text-indent: -9009px;
      margin: 0 4px 0 0;
  }
  
  ul#mininav li#mnradio a {
      width: 30px;
      background-position: 0px 0px;
  }
  
  ul#mininav li#mnradio a:hover {
      width: 30px;
      background-position: 0px -31px;
  }
  
  .post-type-archive-radio ul#minisubnav li#subradio {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -40px;
  }
  
  .single.single-radio ul#minisubnav li#subradio {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -40px;
  }
  
  ul#mininav li#mntv a {
      width: 30px;
      background-position: -33px 0px;
  }
  
  ul#mininav li#mntv a:hover {
      width: 30px;
      background-position: -33px -31px;
  }
  
  ul#mininav li#mntv a:hover ul#minisubnav li#subtv {
      display: inline !important;
  }
  
  .post-type-archive-gctv ul#minisubnav li#subtv {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -27px;
  }
  
  .single.single-gctv ul#minisubnav li#subtv {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -27px;
  }
  
  ul#mininav li#mnblog a {
      width: 30px;
      background-position: -66px 0px;
  }
  
  ul#mininav li#mnblog a:hover {
      width: 30px;
      background-position: -66px -31px;
  }
  
  .category-blog.category-2 ul#mininav li#mnblog a {
      width: 30px;
      background-position: -66px -31px;
  }
  
  .category-blog.category-2 ul#minisubnav li#subblog {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -38px;
  }
  
  .single.single-post ul#minisubnav li#subblog {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -38px;
  }
  
  .single.single-post.category-2 ul#minisubnav li#subblog {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -38px;
  }
  
  ul#mininav li#mncontests a {
      width: 30px;
      background-position: -99px 0px;
  }
  
  ul#mininav li#mncontests a:hover {
      width: 30px;
      background-position: -99px -31px;
  }
  
  .post-type-archive-contests ul#mininav li#mncontests a {
      width: 30px;
      background-position: -99px -31px;
  }
  
  ul#minisubnav li#subcontests {
      display: none;
      position: relative;
      top: -75px;
      left: 90px;
  }
  
  .post-type-archive-contests ul#minisubnav li#subcontests {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -53px;
  }
  
  .single.single-contests ul#minisubnav li#subcontests {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -53px;
  }
  
  ul#mininav li#mnarchives a {
      width: 30px;
      background-position: -132px 0px;
  }
  
  ul#mininav li#mnarchives a:hover {
      width: 30px;
      background-position: -132px -31px;
  }
  
  .page.page-id-108 ul#mininav li#mnarchives a {
      width: 30px;
      background-position: -132px -31px !important;
  }
  
  .page.page-id-108 ul#minisubnav li#subarchive {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -53px;
  }
  
  ul#mininav li#mnabout a {
      width: 30px;
      background-position: -165px 0px;
  }
  
  ul#mininav li#mnabout a:hover {
      width: 30px;
      background-position: -165px -31px;
  }
  
  .page.page-id-119 ul#mininav li#mnabout a {
      width: 30px;
      background-position: -165px -31px;
  }
  
  .page.page-id-119 ul#minisubnav li#subabout {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -42px;
  }
  
  .page-child.parent-pageid-119 ul#minisubnav li#subabout {
      display: inline;
      width: 0px;
      position: relative;
      top: -20px;
      left: -42px;
  }
  
  ul#minisubnav {
      width: 235px;
  }
  
  ul#minisubnav li {
      color: #a7a9ac;
      font-size: 1.2em;
  }
  
  ul#minisubnav li#subradio {
      display: none;
  }
  
  ul#minisubnav li#subtv {
      display: none;
  }
  
  ul#minisubnav li#subblog {
      display: none;
  }
  
  ul#minisubnav li#subcontests {
      display: none;
  }
  
  ul#minisubnav li#subarchive {
      display: none;
  }
  
  ul#minisubnav li#subabout {
      display: none;
  }
  </code></pre>