Hi guys I've got a problem!
I'm using a jquery navigation bar - you can see what I've got so far at the top right of this page here -
http://www.jamiewebster.co.uk/v2/index.htmlBasically the code uses the following bit of CSS on the LI:
- Code:
-
ul.gelbuttonmenu li.active{
position:absolute;
width:0px;
background:url(/v2/images/gelbuttonleft.png) top left no-repeat, url(/v2/images/gelbuttonright.png) top right no-repeat, url(/v2/images/gelbuttoncenter.png) top center repeat-x;
}
So as you can see I am using different images for each part of the button, ie. the left corners, the right corners, and the centre. The problem is that the images are transparent, and are overlapping each other. I can't seem to position the corners so that they aren't overlapping.
I've tried background-position and off-setting the corners by -5px, but it just pushes the corners outside the Li and makes them disappear.
Any ideas, I'm totally stumped!