Javascript 奇怪的html错误

我有一个链接列表，显示了一些非常奇怪的行为。代码是：

<ul id="home" class="panel" title="title_here" selected="true">
   <li><a href="#search">Search for Name</a></li>
   <li><a href="#browse">Browse by Department</a></li>
</ul>

---

扩展实际图像大小（以PS、paint等为单位）可以解决这个问题吗？

如果可以，尽量避免负边距。他们会变得非常讨厌

黑暗中的镜头：

• 您是否为a:link、a:visted、a:hover设置了任何样式？如果没有，则将其添加到当前样式并再次检查

例如：

body > ul > li > a,
body > ul > li > a:link,
body > ul > li > a:visited,
body > ul > li > a:hover,
body > ul > li > a:active {
  display: block;
  margin: -8px 0 -8px -10px;
  padding: 8px 32px 8px 10px;
  text-decoration: none;
  color: inherit;
  background: url(listArrow.png) no-repeat right center;
}

• 尝试将填充设置为li，而不是将负边距设置为A

• 尝试将背景设置为li's而不是A's，如果设计允许的话，并去掉A's中的填充

---

在我看来，这实际上是iPhone/iUI中的一个bug；显然，这一次效果很好，但下一次就不行了。那里发生了一些有趣的事情。

很高兴我能帮上忙！只是出于好奇：你到底做了什么来解决这个问题？例如，您遵循了我的三个建议中的哪一个？第一个，将a:pseudo类设置为相同的样式

body > ul > li > a,
body > ul > li > a:link,
body > ul > li > a:visited,
body > ul > li > a:hover,
body > ul > li > a:active {
  display: block;
  margin: -8px 0 -8px -10px;
  padding: 8px 32px 8px 10px;
  text-decoration: none;
  color: inherit;
  background: url(listArrow.png) no-repeat right center;
}