Html Help

[Island Jack]

Hello,
I recently added a drop down navbar to my smugmug site and everything is fine. I then tried to add the same navbar to a blog that I am trying to create and it will not accept the HTML due to errors in the code. I have tried to correct the errors, but I end up changing the look of the navbar. If anyone can help, I would greatly appreciate it. Below is the HTML and the errors

<div class="pro_line3">
<ul class="select"><li><a href="<A href="http://www.islandjackphotography.com"><b>Home</b></a></li">http://www.islandjackphotography.com"><b>Home</b></a></li>
<li><a href="#nogo"><b>Information</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://www.islandjackphotography.com/gallery/8067843_sJnTZ" title="About the photographer">About Me</a></li>
<li><a href="http://www.islandjackphotography.com/gallery/8067850_FNV63" title="What we offer">Services</a></li>
<li><a href="http://www.islandjackphotography.com/popular" title="Privacy Policy">Privacy Policy</a></li>
<li><a href="http://www.islandjackphotography.com/popular" title="Frequently Asked Questions">FAQ's</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo"><b>Galleries</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://www.islandjackphotography.com/gallery/8067858_WNxqq#526694446_xErza" title="Portraits">Portraits</a></li>
<li><a href="http://www.islandjackphotography.com/gallery/8119606_e6khz#526694318_C77JM" title="Wildlife">Wildlife</a></li>
<li><a href="http://www.islandjackphotography.com/gallery/8119582_QVmHX" title="Sports">Sports</a></li>
<li><a href="http://www.islandjackphotography.com/gallery/8095858_7N8DU#526695714_kZdDR" title="Landscape">Landscape</a></li>
<li><a href="#nogo">Glamor</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.islandjackphotography.com/gallery/8067857_HwNpi" title="Please sign our guestbook!"><b>Guestbook</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

<li><a href="http://islandjackphotography.blogspot.com/" title="The Island Jack Blog!"><b>Blog</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

<li><a href="http://www.islandjackphotography.com/gallery/8125363_tKk49" title="Our Client Login"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
</li>
</ul>
</div>

Error 1: The tag:"ul" is not allowed within: "a"

Error2: Nesting error, "a" should be closed before closing "li"

[PBolchover]

Try replacing the first few lines with the following:

<div class="pro_line3">
<ul class="select"><li><a href="http://www.islandjackphotography.com"><b>Home</b></a></li>
<li><a href="#nogo"><b>Information</b><!--[if IE 7]><!--></a><!--<![endif]-->

[Island Jack]

PBolchover- Thanks. I tried that, but I was still getting the "ul" not allowed and "a" nesting error. I ended up rewritting the HTML and it seems to be working now.