Hi

Unfortunately the text does need to be rotated 90º. I've made a Paint Shop image of it:



I've used the following CSS code to place the image over the ul and it's links:

Code: Select all

#navigation { width: 50px; height: 420px; position: relative; }
#navigation span {background: url(navigator.gif) no-repeat; position: absolute; width: 100%; height: 100% }

Now I need to link the two so that the image activates the links. Do I need to create an image map? Accessibility is important to me, but I also need the above look to the navigation bar to satisfy my friend's requirements.

I've read about layout-flow: vertical-ideographic but I believe this only works with certain browsers?

Thanks.

Ruby