Valid css and xhtml

Author: graffic

autocomplete.css

@@ -9,7 +9,7 @@
 label {display:block}
 
 /* Big bird example */
-ul.mybigbirdlist { display:cell }
+ul.mybigbirdlist { display: table-cell }
 
 /* Prettify changes */
 pre.prettyprint {

autocomplete.html

@@ -27,11 +27,14 @@ <h2>Examples</h2>
  <h3>A really simple example</h3>
  <p>This example uses a local array and the dafault options.</p>
  <form onsubmit="alert('Supposed to submit now...'); return false;" action="/">
+ <div>
  <label for="bird-name">
  Local list <span class="included-options">("Barred Antshrike", "Bananaquit", "Copper Rumped Hummingbird", "Whimbrel")</span> :
  </label>
  <input id="bird-name" name="bird-name" type="text" class="autocomplete birds" />
+ 
  <input type="submit" value="Submit"/>
+ </div>
  </form>
  <p>The source code :</p>
  <pre class="prettyprint"><code>
@@ -43,10 +46,10 @@ <h3>A really simple example</h3>
  <h3>Remote JSON example</h3>
  <p>Basic tweaking and getting the results from a remote web service</p>
  <ul>
- <li>Changing the default list elements type by passing the .text object to matcher and 'insertText' / 'templateText'.</li>
- <li>Overriding the default "match" function with a case-insensitive version</li>
- <li>Using a custom template for the results box (through the "templateText")</li>
-<li>Uses the <code>autocomplete.ext</code> ajax and templateText plugins.
+<li>Changing the default list elements type by passing the .text object to matcher and 'insertText' / 'templateText'.</li>
+<li>Overriding the default "match" function with a case-insensitive version</li>
+<li>Using a custom template for the results box (through the "templateText")</li>
+<li>Uses the <code>autocomplete.ext</code> ajax and templateText plugins.</li>
  </ul>
  <form onsubmit="alert('Supposed to submit now...'); return false;" action="/">
  <p>
@@ -80,11 +83,12 @@ <h3>A more advanced example</h3>
  <p>
  Tweaking the inner working of the plugin (as above) but with more powerful options
  (notice the "match" and the "templateText" options).
+ </p>
 <ul>
 <li>Modifies the once-per-input matcher to carry information about the text typed.</li>
 <li>The match function adds information to the matched element to be used when templating it.</li>
 </ul>
- </p>
+ 
  <form onsubmit="alert('Supposed to submit now...'); return false;" action="/">
  <p>
  <label for="weird-name">
@@ -131,28 +135,27 @@ <h3>A more advanced example</h3>
 </code></pre>
 <h3>Width of the autocomplete box</h3>
 <p>Did you find too big bird names? Let's the css adjust the size of the autocomplete box.</p>
-<form onsubmit="alert('Supposed to submit now...'); return false;" action="/">
+<form onsubmit="alert('Supposed to submit now...'); return false;" action="/"><div>
  <label for="bird-name2">
- Local list 
-<span class="included-options">("Barred Antshrike", "Bananaquit", "Copper Rumped Hummingbird", "Whimbrel")</span> :
- </label>
- <input id="bird-name2" name="bird-name2" type="text" class="autocomplete birds2" />
- <input type="submit" value="Submit"/>
-</form>
-<p>The source code :
+ Local list 
+<span class="included-options">("Barred Antshrike", "Bananaquit", "Copper Rumped Hummingbird", "Whimbrel")</span> :
+ </label>
+ <input id="bird-name2" name="bird-name2" type="text" class="autocomplete birds2" />
+ <input type="submit" value="Submit"/>
+</div></form>
+<p>The source code : </p>
 <pre class="prettyprint lang-js"><code>
 $("input.autocomplete.birds2").autocomplete({
 list: birds_list,
 adjustWidth:false,
-wrapper: '&lt;ul class="jq-ui-autocomplete mybigbirdlist"&gt;</ul>',
+wrapper: '&lt;ul class="jq-ui-autocomplete mybigbirdlist"&gt;&lt;/ul&gt;',
 });
 
 </code></pre>
-And the css:
+<p>And the css:</p>
 <pre class="prettyprint lang-css"><code>
 ul.mybigbirdlist { display:cell }
 </code></pre>
-</p>
 
  <h2>Source &amp; downloads</h2>
  <p>