How can I make it work in firefox? I want `p` element to be positioned vertically in the middle of `header`.

`header` need to stay absolute positioned

<http://jsfiddle.net/a65tr/>

**html**

```
<header>
<p>TEXT TEXT TEXT TEXT TEXT TEXT TEXT</p>
</header>

```

**css**

```
header {
    color: #3B4043;
    font-family: 'source_sans_prolight',sans-serif;
    font-size: 36px;
    height: 234px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    background: green;
}

header p {
    bottom: 0;
    display: inline-table;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

```