weird lines in cs3 css navigation bar

[danadesigns]

http://www.dananealdesigns.com/problem.html

Help!

See the attached picture. This is a site I did not design but am having problems with. There are strange lines in the nav bar in Firefox and Opera. Safari and IE display okay.

Here is the HTML:

<DIV class="Object4702">
<ul>
<div id="vdividermenu">
<div class="ObjectMenu">
<ul>
<li><a href="index.html" class="ObjectMenu" >Home</a></li>
<li><a href="aboutus.html" >About Us</a></li>
<li><a href="portfolio01.html" >Portfolio 1</a></li>
<li><a href="portfolio02.html" >Portfolio 2</a></li>
<li><a href="contact.html" >Contact Info</a></li>
<li><a href="links.html" >Links</a></li>
</ul>
</div>
</div>
</html>

Here is the CSS:

DIV.Object4701 { position:absolute; top:0px; left:0px; z-index:7; }
DIV.ObjectMenu { position:absolute; top:47px; left:74px; z-index:25; width: 802px; height: 154px; }
DIV.Object4703 { position:absolute; top:0px; left:61px; z-index:9; }
DIV.Object4704 { position:absolute; top:140px; left:201px; z-index:10; }
DIV.Object4705 { position:absolute; top:483px; left:296px; z-index:11; }
DIV.Object4706 { position:absolute; top:570px; left:36px; z-index:12; }
DIV.Object4707 { position:absolute; top:95px; left:545px; z-index:13; }
DIV.Object4708 { position:absolute; top:106px; left:557px; z-index:14; }
DIV.Object4709 { position:absolute; top:482px; left:36px; z-index:15; }
DIV.Object4710 { position:absolute; top:63px; left:147px; z-index:16; }
DIV.Object4711 { position:absolute; top:63px; left:262px; z-index:17; }
DIV.Object4712 { position:absolute; top:63px; left:377px; z-index:18; }
DIV.Object4713 { position:absolute; top:63px; left:492px; z-index:19; }
DIV.Object4714 { position:absolute; top:63px; left:607px; z-index:20; }
DIV.Object4715 { position:absolute; top:576px; left:229px; z-index:21; }
DIV.Object4716 { position:absolute; top:239px; left:71px; z-index:22; }
DIV.Object4717 {
position:absolute;
top:482px;
left:99px;
z-index:23;
width: 190px;
height: 80px;

}
DIV.Object1931 { position:absolute; top:483px; left:684px; width 125px; z-index:20; }

#vdividermenu ul{
margin: 0;
padding: 0;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size : 7pt;
width: 100%;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 100%;
}

#vdividermenu ul li{
display: inline;
margin: 10px;
background-color: White;
color: #999999;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-top:1px solid gray;

}

#vdividermenu ul li a{
margin : 10px;
width: 88px;
float: left;
color: #999999;
padding: 2px 6px;
text-decoration: none;
background:white;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-top:1px solid gray;
text-align: center;
}

#vdividermenu ul li a:visited{
color: #999999;
background: white;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-top:1px solid gray;
}

#vdividermenu ul li a:hover{
color: White;
background-color: Purple;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-top:1px solid gray;
}




ul.menu
{
float: none;
width:100%;
padding:0;
margin:0;
list-style-type: none;
display: inline;
text-align: left;
}
a.menu
{
float: none;
text-decoration:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size : xx-small;
color:Gray;
background-color:white;
padding: 0.6em;
margin:10px;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
border-top:1px solid gray;
}
a.menu:hover {
background-colorurple;
color:White;
}
a.menu:visited {
color:gray;
background-color: White;
}

a.menu:active {
background-colorurple;
color:White;
}

li.menu {
list-style: none;
}


Here is the URL: http://www.client1.dananealdesigns.com/index.html

[allahverdi]

#vdividermenu ul li {
background-color:White;
border:1px solid gray;
color:#999999;
display:inline;
margin:10px;
}

Delete highlighted thing and check again