Why are extra buttons showing?

I sure hope someone can ID my error in HTML. I have been modeling my fledgling site after the model in the wonderful Ian Lloyd book, but I am stumped. My problem is that the home page is showing extra unfilled buttons, and I cannot figure out how to delete them. I have used the W3C validator, but must admit I do not understand much of the error report.

I was hoping somehow that when I added another link to the page, that the error would somehow disappear. But instead, I received yet another button-without-a-title.

My code is here:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>Lingobylingo, Bilingual Crosswords</title>
<meta http-equiv=“Content-Type”
content=“text/html; charset=utf-8” />
<link href=“style1.css” rel=“stylesheet” type=“text/css” />
</head>
<body>
<div id=“header”>
<h1>Bilingual-Xword</h1>
<h2>Crossword Puzzles for English-speakers learning Spanish
(AND vice versa) </h2>
</div><!–end of header div –>
<p><img src=“cuernavaca.gif” width=“360” height=“504”
alt=“crucigrama bilingüe” /></p>
<h2> Select a puzzle, and TRY!</h2>
<h3> Note: When the CLUE/PISTA is in English, the ANSWER/
RESPUESTA will be in Spanish, and vice versa. (AND sometimes we’ll
find even this a bit of a challenge.)</h3>
<div id=“navigation”>
<ul>
<li><a href=“index.html”>Home</a></li><!-- did I use the word home before? plus I don’t remember the dashes at the beginning in comments before –>
<li><a href=“contact.html”>contact</a></li>
<li><a href=“puzzle1.html”>puzzle1</a></li>
<li><a href=“puzzle2.html”>puzzle2</a><li>
<li><a href=“more puzzles.html”>more puzzles</a><li>

</ul>
</div> <!–end of navigation div –>
</body>
</html>

ola!

on the last 2 lines of your navigation ul you have unclose <li> tags


<li><a href="puzzle2.html">puzzle2</a>[B][COLOR="Red"]<li>[/COLOR][/B]
<li><a href="more puzzles.html">more puzzles</a>[B][COLOR="Red"]<li>[/COLOR][/B]

should be:


<li><a href="puzzle2.html">puzzle2</a>[B][COLOR="Red"]</li>[/COLOR][/B]
<li><a href="more puzzles.html">more puzzles</a>[B][COLOR="Red"]</li>[/COLOR][/B]

That was wonderful, SpikeZ! Thanks immensely. (And maybe I will finally get some new glasses?!)