Mega dropdown menu with fixed place content

Question

I've fiddled around with some mega menus, but I can't get them to use a fixed position for the drop down content. All of them shows the content like this: http://www.sohtanaka.com/web-design/examples/mega-dropdowns/

But I want it to show up like this (no need for the fancy effects though) : simplifiedsafety.com/

I think I got it fixed, with the code HerrSerker posted

Working code for others: http://jsfiddle.net/aT3nQ/embedded/result/ This doesn't use js or jQuery though.

Answer 1

将position:relative对于li放下，将position:relative对于ul添加，并将position:absolute;left:0赋予.sub