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.