title: browsers with css focus selector
body: <p>I'm having issue with a css rule i wrote, the issue is that the rule works
  with IE but doesn't work with any other browser. 
  the rule looks like this -></p>
  
  <pre><code>.ui-toggle:focus .toggleMsg, .ui-toggle:focus .toggleAcc, .toggleAcc:hover,
  .toggleMsg:hover {display:block}
  </code></pre>
  
  <p>my aim here is to turn either toggleMsg class or toggleAcc class to display:block
  it works fine only with IE, if i change the .ui-toggle:focus to .ui-toggle:hover
  then when I hover I get display:block rule to kick in.
  I have uploaded a minified version of my code to <a href="http://www.incapsulatest.tk/test" rel="nofollow">http://www.incapsulatest.tk/test</a>
  if anyone has any idea why using :hover works while :focus only works with ie
  that would be great </p>