Slanted Menu Demo

This is a simple demo of how to create slanted menu items.

The trick is all in the negative margins used with the CSS. That and the fact the two images used for the diagonals have a transparent background, allowing the diagonal image to either side of it to overlay it when you hover over an item next to a selected item.

View source to see CSS.

Here are the image used - on a red background to show how they're transparent:

Left

Right