CSS for Wordpress Site

[acrow]

I know this might be a little off subject for these forums but I have a CSS question that maybe someone can give me a hand with... Although its for Wordpress the same CSS styles apply...

Here is my testing link: http://184.172.173.28/~slogic/newamericapower.com/

Now notice my menu... the last link is "Contacts" There is a Dashed line at the very end. I am trying to remove that line but I cant seem to do so. also the dashed line is appearing on the dropdown menu as well.

Can someone please give me a hand?

My CSS:

#navigation {
float:left;
width:100%;
background: #4c4c4c;
font: bold 14px/.5 Arial, sans-serif;
border-top:1px solid #FFFFFF;
border-bottom:5px solid #FFFFFF;

}

#navigation a{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #f1f1f1;
}

/* Menu Bar List */
ul.dropdown {
list-style:none;
float:left;
width:100%;
padding: 0 0px;
}
 
ul.dropdown  li{
	float: left;
	position: relative;
}
 
ul.dropdown a {
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000000;
	padding-top: 13px;
	padding-right: 22px;
	padding-bottom: 13px;
	padding-left: 22px;
}
 
/* Link Hovering Style */
ul.dropdown li:hover a {
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #000000;
	background-color: #666;
}
 
/* Displays Links as Blocks */
ul.dropdown li ul a {
	display: block;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFF;
}
 
/* The Sub Menus  */
 
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px; /* Width of the Drop Down Box */
	position: absolute;
}
 
ul.dropdown li ul {
top:24px; /* Drop the Drop Down Box 24px */
}
 
ul.dropdown ul ul {
top:0;
left:100%; 
}
 
ul.dropdown ul li {
float:none; /* Eliminate the Float */
}
 
/* Drop Down Menu */
 
/* Hide the Drop Downs */
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
 
/* Display Submenus */
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
 
/* Change Color of Links on Hover */ 
ul.dropdown li * a:hover {
background: #FC6800;
color: #FFFFFF;
text-shadow:1px 1px 0 #000000;
}

[akhileshbc]

hmm.. sorry, but I couldn't see any dashed line. Have you solved it ?

The only glitch I found now is(I am using Google Chrome), the last menu got into a new line. It would be the spacing issue. So, adjust the padding/margin attributes of the menu to correct it.

[nabspot]

Everything seems to look good in Firefox. I browsed through the menu and everything seems good. The slider images appear a bit "over optimized" but other than that its looking good. Hope you got your problem solved.

[lindawatts307]

Good Information Thanks