水果跳转成功，蔬菜跳转失败，为什么？

也尝试过把每个列表内容都加长到20项，但是结果还是一样，点击水果超链接跳转成功，两个回到顶部超链接也是成功的，唯独点击蔬菜超链接无反应，请问是哪里出问题了呢？
以下是我的代码：

<a name="top">这里是顶部</a ><br />
<div>
<p>
<a href=" ">水果</a >
</p >
<p>
<a href="#vegetable">蔬菜</a >
</p >
<p>
<a href="#sport">运动</a >
</p >
</div>
<div>
<h1 id="fruit">水果</h1>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
<p>
<a href="#top">返回顶部</a >
</p >
</div>
<div>
<h1 id="#vegetable">蔬菜</h1>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜薹</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
<p>
<a href="#top">返回顶部</a >
</p >
</div>