Menu Separators

[jswidorski]

Chrome Menu
http://www.dynamicdrive.com/dynamici...rome/index.htm

I can't find a really good way to create a separator in the Chrome Menu.
http://templates.meemic.com/MenuTest/

You can see my extra separator under the Directories menu option. Does Chrome support anything like this? Am I being goofy wanting something like this?

Thanks, John


I added the following to my CSS:

.dropmenudiv a.separator{
	width: auto;
	display: block;
	text-indent: 1px;
	border-bottom: 1px solid #CCC; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: #EEE;

}

.dropmenudiv a.separator:hover{ 
	background-color: #EEE;
}

I added this to my menu code:

<div id="menu_3" class="dropmenudiv">
	<a href="/directories/agentlist.asp" target="_top">Agent - Addresses</a>
	<a class="separator"></a>
	<a href="/directories/drplist.asp" target="_top">Direct Repair Shops</a>
	<a href="/directories/towlist.asp" target="_top">Towing List</a>
</div>

[euphoriastudio]

I may be mistaken by what you want, but you can add to your original menu code a "margin-bottom: #px;" just replace the # with a number you like and if you want an actual line you can also add a "border-bottom: #px solid #000;" again change the first # to a number and color to whatever you like.