Adding border to Superfish submenu


I am trying to add a border to my Superfish menu. I previously used a SpryMenuBar (Adobe Dreamweaver style menu), as can be soon on

As you can see I had a grey 1px border around each submenu. I am trying to achieve this in Superfish. I have added the "border:" option to .sf-menu ul as follows:

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
	border: 1px solid #CCC; /* submenu containers have borders on all sides */

SpryMenuBar not behaving in Internet Explorer


Using the standard SpryMenuBar in Dreamweaver CS5 as a template, I styled my SpryMenuBar to suit and match my website. One thing I didn't like about the SpryMenuBar was that long text in submenus caused the long text to extend beyond the submenu's div.

I added some CSS to fix this (based on some Google results I found) and it works fine in Firefox, but in Internet Explorer my submenus drop down horizontally instead of vertically.

A working example can be found at the same link from my previous post www dot abstractproductions dot com dot au/about-us.php

Please help with this Suckerfish menu centering

I've created a suckerfish dropdown menu on this site:
The nav is called navphotos and for some reason I can't center the menu. I've tried various paddings but nothing seems to work. I have made the dropdown as a sideways menu and see that when it goes to the side it seems to have a very long bar to the right. Not sure what that is either. I've tried reading various posts on this but am somewhat clueless as to what is going on so any help would be greatly appreciated. Thanks in advance. Derek

I'll post the code here. First the CSS:

List style for sub menu


I have created a list with 2 levels, using this html code:

  <li><a href="#">One</a>
   <ul><li><a href="#">one.1<br /></a></li>
    <li><a href="#">one.2<br /></a></li>
    <li><a href="#">one.3<br /></a></li>
    <li><a href="#">one.4</a></li>
  <li><a href="#">Two</a></li>

Using decimal values for px/em values

Hi Guys,
I am having an issue with attempting to use decimal values for padding on a list. I am using the list as a container for some links and I have been asked to line them up with a 1px border. You can see the actual page here The links in question are the top links on the page. This site is still very much under construction so please excuse any other errors.

Syndicate content