diff --git a/lib/coderay/encoders/html/output.rb b/lib/coderay/encoders/html/output.rb
index 9132d94c..5a374e32 100644
--- a/lib/coderay/encoders/html/output.rb
+++ b/lib/coderay/encoders/html/output.rb
@@ -125,7 +125,7 @@ def apply target, replacement
       TABLE = Template.new <<-TABLE
 <table class="CodeRay"><tr>
   <td class="line-numbers" title="double click to toggle" ondblclick="with (this.firstChild.style) { display = (display == '') ? 'none' : '' }"><pre><%LINE_NUMBERS%></pre></td>
-  <td class="code"><pre><%CONTENT%></pre></td>
+  <td class="code" ondblclick="with (this.parentNode.children[0].firstChild.style) { display = (display == 'none') ? '' : display }"><pre><%CONTENT%></pre></td>
 </tr></table>
       TABLE
 
diff --git a/test/executable/suite.rb b/test/executable/suite.rb
index f3495d61..3f8d6c0d 100644
--- a/test/executable/suite.rb
+++ b/test/executable/suite.rb
@@ -114,7 +114,7 @@ def coderay args, options = {}
     
     source = File.read source_file
     
-    pre = %r{<td class="code"><pre>(.*?)</pre>}m
+    pre = %r{<td class="code".*?><pre>(.*?)<\/pre>}m
     tag = /<[^>]*>/
     
     should 'not throw an error' do
@@ -169,7 +169,7 @@ def coderay args, options = {}
     
     source = File.read source_file
     
-    pre = %r{<td class="code"><pre>(.*?)</pre>}m
+    pre = %r{<td class="code".*?><pre>(.*?)</pre>}m
     tag_class = /<span class="([^>"]*)"?[^>]*>/
     
     should 'respect the file extension and highlight the input as Python' do
@@ -184,7 +184,7 @@ def coderay args, options = {}
     
     source = File.read source_file
     
-    pre = %r{<td class="code"><pre>(.*?)</pre>}m
+    pre = %r{<td class="code".*?><pre>(.*?)</pre>}m
     tag_class = /<span class="([^>"]*)"?[^>]*>/
     
     should 'ignore the file extension and highlight the input as Ruby' do
diff --git a/test/functional/examples.rb b/test/functional/examples.rb
index ff64af31..d99b47e3 100755
--- a/test/functional/examples.rb
+++ b/test/functional/examples.rb
@@ -26,7 +26,7 @@ def test_examples
 <a href="#n2" name="n2">2</a>
 <a href="#n3" name="n3">3</a>
 </pre></td>
-  <td class="code"><pre><span style="color:#00D">5</span>.times <span style="color:#080;font-weight:bold">do</span>
+  <td class="code" ondblclick="with (this.parentNode.children[0].firstChild.style) { display = (display == 'none') ? '' : display }"><pre><span style="color:#00D">5</span>.times <span style="color:#080;font-weight:bold">do</span>
   puts <span style="background-color:hsla(0,100%,50%,0.05)"><span style="color:#710">'</span><span style="color:#D20">Hello, world!</span><span style="color:#710">'</span></span>
 <span style="color:#080;font-weight:bold">end</span></pre></td>
 </tr></table>
@@ -40,7 +40,7 @@ def test_examples
 <table class="CodeRay"><tr>
   <td class="line-numbers" title="double click to toggle" ondblclick="with (this.firstChild.style) { display = (display == '') ? 'none' : '' }"><pre>
 </pre></td>
-  <td class="code"><pre>puts <span class="string"><span class="delimiter">&quot;</span><span class="content">Hello, world!</span><span class="delimiter">&quot;</span></span></pre></td>
+  <td class="code" ondblclick="with (this.parentNode.children[0].firstChild.style) { display = (display == 'none') ? '' : display }"><pre>puts <span class="string"><span class="delimiter">&quot;</span><span class="content">Hello, world!</span><span class="delimiter">&quot;</span></span></pre></td>
 </tr></table>
 
 </body>