I'm trying place a 1px border around the suckerfishsubmenu ul.menu li ul but it is not displaying correctly in firefox but seems to be working with IE. The border gets chopped off on the last few right pixels of the top and bottom and completely on the right. It displays fine on the left.

Here is the code change I added to to the style-base.css

#suckerfishmenu ul.menu li ul {
position: absolute;
width: 170px;
left: -999em; /* to hide menus because display: none isn't read by screen readers */
/** new addition below **/
border: 5px solid #000;
}

Please advise, thanks.

CommentFileSizeAuthor
borderissue.png3.15 KBbschoudel
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Florian’s picture

Florian CreditAttribution: Florian commented

I think this should work:

#suckerfishmenu {
border: 5px solid #000;
}
bschoudel’s picture

bschoudel CreditAttribution: bschoudel commented

That doesn't work as it puts a border around the top level menu items. I need a border around the pull down list that gets generated.

Thanks

Florian’s picture

Florian CreditAttribution: Florian commented

Try this:

#suckerfishmenu ul.menu li ul.menu {
	border: 2px solid red;
	padding-right: 12px; /* adjust this value as necessary */
}
bschoudel’s picture

bschoudel CreditAttribution: bschoudel commented

That works. Thanks.

Florian’s picture

Florian CreditAttribution: Florian commented
Status: Active » Closed (fixed)