Well, after quite extensive trial and error with no help from Gavick (it's best not to respond now because I'm holding back from being nasty) I've finished the _menu suffix for The News II.
The problem was that child elements were being wrapped in their parent (see earlier post). Now, everyone has their own borders.
Here is the css fix. If you are having the same problem add this fix to your override.css
- Code: Select all
.box_menu ul.menu li.active {
background: none!important;
border: none;
margin: -4px 0 0 -28px;
width: 100%;
}
.box_menu ul.menu li.active > a {
padding: 5px 16px 5px 28px;
display: block;
border: 1px solid #E1E1E1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
line-height: 24px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
text-shadow: 0 1px white;
background: #F9F9F9 url('../images/menu_bullet.png') no-repeat 12px 14px!important;
}
.box_menu ul.menu ul {
margin-bottom: -9px;
}
The first image is the menu at the home page when no elements are selected. Now, when you select a menu item and it expands to show its children they aren't wrapped in the parent.
_menu_2011-09-06-2.png