My websitees

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<!-- Description: Index of assignment 1 -->
<!-- Author: Jordan Wardle -->
<!-- Date: 9/09/2010 -->
<!-- Validated:  -->
<head>
        <title>Web 2.0 home</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="author" content="Jordan Wardle 7182791" />
        <meta name="description" content="Web 2.0" />
        <meta name="keywords" content="Web 2.0, Web, 2.0" />

        <!-- put this in an external sheet once i'm done -->
        <style type="text/css">
                h1
                {
                        color:black;
                        font-size:45px;
                }

                div
                {
                        text-align: Center;
                }

                #nav
                {
                        margin-left:auto;
                        margin-right:auto;
                        list-style-type: none;
                        font-size:20px;
                        padding:0px;
                }

                #nav li
                {
                        display: inline;
                        background: black;
                        color: white;
                }

                #nav li:hover, #nav a:link:hover
                {
                        display: inline;
                        background: white;
                        color: black;
                }

                #nav a:link, a, a:visited
                {
                        color:white;
                        background: black;
                        text-decoration: none;
                }

                #heading
                {
                        margin-left:auto;
                        margin-right:auto;
                        width: 800px;
                        text-align:center;
                        border-top-style: solid;
                        border-right-style: solid;
                        border-left-style: solid;
                        padding-top:0px;
                        padding-bottom:0px;
                        padding-right:0px;
                        padding-left:0px;
                }

                #mid
                {
                        width: 800px;
                        border-right-style: solid;
                        border-left-style: solid;
                        margin-left: auto;
                        margin-right: auto;
                        margin-top: auto;
                        margin-bottom: auto;
                        padding-top:0px;
                        padding-bottom:0px;
                        padding-right:0px;
                        padding-left:0px;
                }
        </style>
</head>
<body>
<div id="heading">
        <h1>Web 2.0</h1>
</div>
<div id ="mid">
        <ul id="nav">
                <li><a href="index.htm">Home</a></li>
                <li>Option2</li>
        </ul>
</div>
</body>