Hamburger-Menu mit CSS :target funktioniert nicht

Hallo zusammen,

ich stehe grade völlig auf dem Schlauch. Ich will jquery loswerden und mein Hamburger-Menu mit einer CSS-Pseudoklasse realisieren.
Hier der Code:

<a href="#popout">        
<img src="XYZ.png" alt="Show" />
       </a>
<div id="popout">
   <?php
   wp_nav_menu( array(
   'theme_location' => 'header-menu',
   'container' => '',
   'fallback_cb' => '__return_false'
   ) );
   ?></div>

und hier der zugehörige CSS-Code:

#popout {
position: fixed;
height: 100%;
width: 250px;
background: rgb(25, 25, 25);
background: rgba(25, 25, 25, .9);
color: white;
top: 0px;
left: -250px;
overflow:auto;
}
#popout:target {left: 0px;}

Mit einem Script funktioniert das Menü tadellos, aber mit der Pseudoklasse bekomme ich das Menü nicht eingeblendet. Der Link auf die Sprungmarke wird richtig angezeigt, aber es passiert nichts beim Klicken auf das Icon...

Kann mir jemand auf die Sprünge helfen? Danke schonmal!

kann geschlossen werden, hat sich erledigt;