So on my navigation bar, I have a 1px wide slice of a gradient that is repeating horizontally across the nav bar. On the left side and right side, I want to replace the background image with an image that has a rounded corner. For some reason, I can’t get it to override the background image that is already set.
Ok cool. Now I have a different problem. Is there any way that I can get the side image of the navigation bar to where on the left side, it just shows the rounded part, but then it repeats horizontally to the right but only repeats the right side. Here’s a picture to better illustrate what I want.
What you should probably do is leave the normal repeating slice as the background, and set your li to position: relative, and then absolutely position the corner piece. Without testing, I believe something like this may work.