Untitled

<html>
<head>
<title>Personal Homepage</title>
<style media="screen" type="text/css">
h1{
    padding-top:100px;
    padding-bottom:50px;
    font-family:"Arial Verdana", Arial, Sans-serif;}

#box {
    width: 900px;
    margin:0 auto;}

.holder {
    display: inline-block;
    background: black;
    border-radius:5px;
    margin-right:5px;
    margin-top:3px;
    border-style:solid;
    border-width:1px;
    border-color:#666;}

.tile {
    display: inline-block;
    width: 190px;
    height: 120px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    border-radius:5px;}

.tile:hover {
    opacity: 0.75;}

body {
    background-color: #E6E6E6;}


</style>

</head>

<body>
<div id="box" align="center" >
<h1><a href="#" style="text-decoration: none; color:#666;" >Personal Homepage</a></h1>
    <ul>
    <li class="holder"><a class="tile" style="background-image: url(images/snow.png)" href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/updates.png)"href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/thehub.png)" href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/stats.png)"href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/shared.png)" href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/gosh.png)"href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/prudhoe.png)" href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/rowb.png)"href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/facebook.png)" href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/gmail.png)"href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/bbc.png)" href="#"></a></li>
    <li class="holder"><a class="tile" style="background-image: url(images/engadget.png)"href="#"></a></li>

    </ul>
</div>

</body>
</html>

*display: inline;
*zoom:1;

<style media="screen" type="text/css">
    h1 {
    padding-top:100px;
    padding-bottom:50px;
    font-family:"Arial Verdana", Arial, Sans-serif;
}
#box {
    width: 900px;
}
.holder {
    display: inline-block;
    background: black;
    border-radius:5px;
    margin-right:5px;
    margin-top:3px;
    list-style: none;
    width: 190px;
    float: left;
    border: 1px solid #666;
}
.tile {
    display: inline-block;
    width: 190px;
    height: 120px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    border-radius:5px;
}
.tile:hover {
    opacity: 0.75;
}
body {
    background-color: #E6E6E6;
    width: 1000px;
margin: 0 auto;
}
</style>