Clyde's tweaks earlier in this thread are great, just what I needed.

I have found that, by using various emulators, '@media handheld' doesn't always get recognised by every mobile manufacturer.

So to play it safe I decided to use '@media all and (max-width: 320px)' instead, whereby the site view automatically switches to Clyde's alternative stylesheet once the viewport gets down to 320px wide.

I've edited this alternative stylesheet to ensure everything relevant fits within the 320px width - not too much of a job once you get into it.

I'm still tweaking and testing and may alter the 320px value. I'm working on the premise that any mobile with a larger resolution would be be able to navigate my normal site. Just started the process of moving on from emulators and onto differing mobiles.

Obviously jscript is not possible on all mobiles and features like csshover don't seem to work, but my site has enough textual links to get around this.

Anyway, just thought I'd share.

Cheers

Simon