CSS dropdown nav causing html content to move

Question

my first question on SO, hope it\'s up to scratch, should be a simple solve for somebody well versed in the art of css...

The problem im having is that the dropdown

Answer 1

Updated

Finally got a chance to take a fresh look at this. All you need is to add the following to #nav li ul:

position: absolute;
z-index: 100;

Works in IE8/9, FF and Chrome, though the positioning of the sub menu is off in IE7, with or without my change. To fix that I recommend IE7 specific CSS through whatever method you prefer.