align text vertical center in div with css

Basic:
#box { height: 90px; line-height: 90px; }

A more versatile approach:
div { width: 250px; height: 100px; line-height: 100px; text-align: center; }
 span { display: inline-block; vertical-align: middle; line-height: normal; }

Display Table: 

div { display: table; width: 250px; height: 100px; text-align: center; }
span { display: table-cell; vertical-align: middle; }

Body image background

img#background {
 height: 100%; width: 100%; z-index: -1; position:absolute; color: white; 
 min-height: 100%;
 min-width: 1024px;
 width: 100%;
 height: auto;
 position: fixed;
 top: 0;
 left: 0;
}

<img id="background" src="image-location" alt="Background-image"> 

Unblod text in safari

-webkit-font-smoothing: antialiased;