Inconsistent position of background image on li.campl-sub elements
Created by: alt36
The li.campl-sub items in the horizontal nav (i.e., menu items with children) have the bg-local-navigation-sub-arrow.png set as the background, with background-position: 95% 50%. This leads to the horizontal position potentially differing by a couple of pixels: because the position is specified as a percentage, you potentially suffer from different rounding effects depending on what the width of the li is. Screenshot for example:
The background image for "Research" has 5 pixels of space to the right, whereas "Talks" and "Jobs" have 3px. Two possible fixes are:
- background-position: right 5px top 50%; will achieve fixed 5px spacing to the right (5px chosen arbitrarily because that's roughly what I'm getting in the screenshot!)
I'm unsure of the levels of browser support for this form of background-position css, though. If it's not supported well enough, the alternative is
- background-position: 100% 50%; and pad the background image with transparent pixels to the right hand side.