horisontal centrering (ift browser) af absolut placetet element uafhængig af parent element - mens man bibeholder relationen til parent vertikalt

Det var en lang overskrift, men mere præcist kunne jeg ikke sige det... ved ikke om det på nogen måde er muligt, har prøøøøøøvet og prøvet! Det, jeg gerne vil opnå er nedenfor - en child div som er centreret horisontalt ift. browser og samtidig er lige under parent li vertikalt. Fint nok. Men position: fixed gør, at hvis jeg scroller ned så forbliver div'en "midt" på skærmen i stedet for at blive oppe under parent li'en!

#parent li {
    display:inline;
    text-align:center;
    float:left;
    position:relative;
    padding: 12px 10px 4px 10px;
    margin-right:10px;
    height:28px;
    border:none;

    }
.child {
margin:16px 0px 0px 0px;
float:left;
z-index: 100;
left: calc(50% - 400px);
left: -moz-calc(50% - 400px);
left: -webkit-calc(50% - 400px);
position:fixed;
top:inherit;
text-align:left;
padding:0;
border:1px solid #BBBBBB;
border-top:none;
line-height:14px;
}

Dette virker vertikalt - men så kan jeg ikke få child div'en placeret som jeg vil horisontalt midt på skærmen ...

.child {
    margin:16px 0px 0px 0px;
    float:left;
    z-index: 100;
    position:absolute;
    text-align:left;
    padding:0;
    border:1px solid #BBBBBB;
    border-top:none;
    line-height:14px;
}

In ANY WAY possible??? Al hjælp meget værdsat :-)