Yahoo cache problem

</a><a is turned into &lt;/a&gt;&lt;a

[HarryM]

There was an earlier thread on a similar problem, but this is closed and there were no specific answers to the problem.

I have a nav bar layout which should display as:

¦ TOPIC1 ¦ TOPIC2 ¦ etc...

The html is:

<a class="link" href="topic.php">TOPIC1</a><a class="link" href="topic2.php">TOPIC2</a> etc...

The CSS is:

a.link {
color:#333366;
border-left:1px solid #333366;
padding:0 4px 0 4px;
text-decoration:none;
font:8pt "Arial",sans-serif;
}

Looks OK in all browsers and in pages cached by Google, but not in Yahoo cached pages.

In the Yahoo cache the navbar has been turned into 1 link which is displayed as several lines containing all the html markup. Here is the source code from the cached page.

<a class="link" href="topic1.php">TOPIC1&lt;/a&gt;&lt;a class="link" href="topic2.php"&gt;TOPIC2&lt;/a&gt;&lt;a etc...

I can get around this by using a simpler navbar method which I use on other sites and caches OK in Yahoo, but I would like to know if I am doing anything that could be considered incorrect, or is Yahoo cache broken?

The pages are in XHTML transitional and validate OK.