diff --git a/src/wp-content/themes/twentyten/header.php b/src/wp-content/themes/twentyten/header.php
index e7e6d75874..5d38be5a10 100644
--- a/src/wp-content/themes/twentyten/header.php
+++ b/src/wp-content/themes/twentyten/header.php
@@ -63,6 +63,8 @@ if ( is_singular() && get_option( 'thread_comments' ) ) {
 <body <?php body_class(); ?>>
 <?php wp_body_open(); ?>
 <div id="wrapper" class="hfeed">
+	<?php // Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. ?>
+	<a href="#content" class="screen-reader-text skip-link"><?php _e( 'Skip to content', 'twentyten' ); ?></a>
 	<div id="header">
 		<div id="masthead">
 			<div id="branding" role="banner">
@@ -101,8 +103,6 @@ if ( is_singular() && get_option( 'thread_comments' ) ) {
 			</div><!-- #branding -->
 
 			<div id="access" role="navigation">
-				<?php // Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. ?>
-				<div class="skip-link screen-reader-text"><a href="#content"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
 				<?php
 				/*
 				 * Our navigation menu. If one isn't filled out, wp_nav_menu() falls back to wp_page_menu().
diff --git a/src/wp-content/themes/twentyten/style.css b/src/wp-content/themes/twentyten/style.css
index ecfcabf929..792712d35c 100644
--- a/src/wp-content/themes/twentyten/style.css
+++ b/src/wp-content/themes/twentyten/style.css
@@ -348,6 +348,21 @@ a:hover {
 	width: 1px;
 }
 
+a.skip-link:focus {
+	background-color: #ddd;
+	clip-path: none;
+	color: #333;
+	display: block;
+	font-size: 16px;
+	height: auto;
+	left: 5px;
+	line-height: 1.5;
+	padding: 16px 24px;
+	text-decoration: none;
+	top: 5px;
+	width: auto;
+	z-index: 100000;
+}
 
 /* =Header
 -------------------------------------------------------------- */
