TwentyEleven nav#nav-single blocks clicks

[kingkool68]

In image.php the following HTML is rendered:

<nav id="nav-single">
      <h3 class="assistive-text">Image navigation</h3>
      <span class="nav-previous">
      <a title="Title" href="http://example.com/something">← Previous</a></span>
      <span class="nav-next">
      <a title="Title" href="http://example.com/something">Next →</a></span>
</nav>

The links within the nav element are unclickable in Firefox 7.0.1 on OSX. In style.css on line 1701, You can remove the postion:relative; property and change top:-0.3em; to margin-top:-0.3em; to accomplish the same effect.

Confirmed in Windows browsers as well: Firefox 7, Chrome 14, Opera 11.51, Safari 5.0.3. My results are a bit different though:

1. The unclickable links are in <div class="entry-meta">, not in <nav id="nav-single">.
2. Happens in single.php too.

Replying to kingkool68:

In style.css on line 1701, You can remove the postion:relative; property and change top:-0.3em; to margin-top:-0.3em; to accomplish the same effect.

This makes it the other way round: links in <div class="entry-meta"> become clickable, and the ones in <nav id="nav-single"> become unclickable.

Removing width: 100%; seems to make the links in both blocks clickable.

Related: #17809, [18359]

#18942 has another patch: ticket:18942:18970-y-u-no-click.diff​.

Confirmed. Removing the 100% in 18884.patch works for me too.

In [19369]:

TwentyEleven: prevent #nav-single from blocking clicks, props SergeyBiryukov, fixes #18884