I am fairly new to WEB design using CSS.

I have recently purchased a copy of the excellent Sitepoint books "Build you own WEB site the right way using HTML & CSS" and "HTML Utopia: Designing without tables".

I am in the process of creating a site which has a navigation menu (contained in a DIV) on the left-hand side of the page.

Some of the pages are fairly long, and it would be nice to be able to "fix" the position of this DIV so that it does not scroll vertically. I have tried using the POSITION: fixed; declaration for the DIV in question.

This generally works great at most screen sizes, but there is a problem when the screen size is so small that the page needs to be scrolled horizontally - the page contents are then super-imposed over the menu.

Is it possible to only fix the vertical position so that it can scroll in the horizontal direction but not in the vertical direction ?