I'm currently working on a project to create an application, it has two panels on each side which is toggled by clicking the links in the header or by swiping on the page. If you try to open the panel in the left side, you will see that the box-shadow overlays the unordered list, but in the right panel I have no idea to which class I should overwrite in the jQuery Mobile stylesheet. For the left panel it goes as follows:
I tried to exchange "left" in the class naming with "right", but it had no effect. I've got the prototype here: group28.netne.net.
-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.10);
-moz-box-shadow: -5px 0 5px rgba(0,0,0,.10);
box-shadow: -5px 0 5px rgba(0,0,0,.10);