Navigation with JQuery UI - Draggable

Navigation with JQuery UI - Draggable

Hello!

I want to create for my little homepage a navigation, which is wider than the viewport. Therefor it should be possible, to drag the whole <ul> - element to the left and to the right.

The navigation has got a fixed height, so the list has just to be dragged across the x axis.

I managed to make the list being draggable... well thats not hard with JQuery UI. But without using the containment atribute, you can shift the whole navigation out of the viewport.

For this reason I used the containment atribute, but this is my problem. If the draggable element is bigger than than the containment, it is just snapping to the left and right margins.

Do I use JQuery wrong for this application, or is there a possability to solve this problem?

Pleas help me :O Im desperate...

Cheers