title: Show CSS focus on IFrame when tabbed to
body: <p>In order to create a 508 compliant page I need to ensure that whenever I tab, the focus is visible on the correct item.  I have set the tab index of my iframe and am attempting to show visual focus when it is tabbed to in internet explorer.  I have tried the following:</p>
  
  <pre><code>iframe:focus {
      outline:2px dotted #000;
      outline-offset: -2px;
  }
  </code></pre>
  
  <p>but I don't see an outline.</p>
  
  <p>How can I show an outline on my iframe when it is tabbed to.</p>