My Modal is showing behind my Table

Ambient

I have narrowed it down to partly being caused by this CSS When I remove his CSS the click on the row. It will show the modal correctly but only when I open the DevTools and slide left foes the arrow in the first row appear.

body {
background: #ffffff;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
position: static !important;
margin:0;
}

body div#fullContainer {
height: 100%;
position: absolute;
width: 100%;
}

body div#fullContainer #content-wrap {
background: #ffffff;
Colour:#000000;
bottom: 0;
box-shadow: -5px 0px 8px #ffffff;
position: absolute;
top: 0;
width: 100%;
z-index: 1250;
}

body div#fullContainer #content-wrap main {
margin: 5px;
overflow: auto;
}

allan

Can you link to a test case please? I'm afraid this sort of thing really needs a test case to be able to debug.

Allan