My goal is to center a box vertically and horizontally, but I'm struggling to get it just right:
HTML:
<div id="wrapper">
<header>
<div id="logoWrapper">
<div class="logo">Logo Here </div><!-- Logo End -->
</div><!-- Logo Wrapper -->
</header>
</div><!-- Wrapper End -->
CSS:
![#wrapper{
width:955px;
margin:auto;
}
html body{
background:#F1FF29;
}
#logoWrapper{
width:429px;
height:179px;
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-50px;
}
.logo{
display:block;
background:red;
width:429px;
height:179px;
}]