I'm attempting to make the root menu items on my menu a bit wider. I managed to find properties in the CSS that widen the menu, but then the background graphic gets messed up. What happens is that the graphic ends before the end of the menu item area. I'm just wondering if there is a way to make each menu item just a bit wider without having to define the width of each one.
Below is the original, then modified CSS for the menuitem. If I could attach an image, I could show the behavior. Unfortunately the site I'm working on isn't yet public so I can't send a link without going through a fair amount of work.
Original
.RadMenu_TopMenu .rmLink |
{ |
color: #000; |
text-decoration: none; |
font: normal 12px/18px "segoe ui",arial,sans-serif; |
height: 18px; |
position: relative; |
_float:left; |
border-right: 1px solid #d1d5e0; |
border-left: 0px solid #d1d5e0; |
} |
My changes
.RadMenu_TopMenu .rmLink |
{ |
color: #000; |
text-decoration: none; |
font: normal 12px/18px "segoe ui",arial,sans-serif; |
height: 18px; |
position: relative; |
_float:left; |
border-right: 1px solid #d1d5e0; |
border-left: 0px solid #d1d5e0; |
padding-right: 5px; |
padding-left: 5px; |
} |