Html/Php Coding problem

Question

Now this has completely stumped me, in editing of my site, the homepage looks like this:
And when I open it up on the internet, it looks like this:
Also here is the code of my page: My Question is Simple: Whats going on? And how can I fix it?
<style type="text/css">
body {
    background-image: url(img/12.jpg);
    background-repeat: no-repeat;
#Splash1 {
    position:absolute;
    width:478px;
    height:96px;
    z-index:1;
    left: 171px;
    top: 2px;
#splash2 {
    position:absolute;
    width:200px;
    height:360px;
    z-index:2;
    left: 16px;
    top: 33px;
#splash7 {
    position:absolute;
    width:143px;
    height:22px;
    z-index:4;
    left: 893px;
    top: 74px;
#menu {
    position:absolute;
    width:859px;
    height:61px;
    z-index:3;
    left: 183px;
    top: 95px;
    background-image: url(img/16.png);
#menu-text {
    position:absolute;
    width:516px;
    height:26px;
    z-index:5;
    left: 197px;
    top: 110px;
    color: #FFF;
    font-size: 24px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
#apDiv1 {
    position:absolute;
    width:859px;
    height:37px;
    z-index:6;
    left: 183px;
    top: 156px;
    background-image: url(img/18.gif);
#apDiv2 {
    position:absolute;
    width:180px;
    height:21px;
    z-index:7;
    left: 186px;
    top: 162px;
#transparent-bg {
    position:absolute;
    width:860px;
    height:592px;
    z-index:8;
    left: 183px;
    top: 155px;
    background-image: url(img/21.png);
#apDiv4 {
    position:absolute;
    width:200px;
    height:33px;
    z-index:9;
    left: 185px;
    top: 158px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
#apDiv5 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:10;
    left: 338px;
    top: 322px;
#Soild-BG {
    position:absolute;
    width:860px;
    height:124px;
    z-index:9;
    left: 183px;
    top: 739px;
    background-color: #010F1E;
#wrapper {
    position:absolute;
    width:29px;
    height:25px;
    z-index:1;
    left: -1px;
    top: -2px;
</style>
<?php
define('INCLUDE_CHECK',true);
require 'connect.php';
require 'functions.php';
// Those two files can be included only if INCLUDE_CHECK is defined
session_name('tzLogin');
// Starting the session
session_set_cookie_params(2*7*24*60*60);
// Making the cookie live for 2 weeks
session_start();
if($_SESSION['id'] && !isset($_COOKIE['tzRemember']) && !$_SESSION['rememberMe'])
    // If you are logged in, but you don't have the tzRemember cookie (browser restart)
    // and you have not checked the rememberMe checkbox:
    $_SESSION = array();
    session_destroy();
    // Destroy the session
if(isset($_GET['logoff']))
    $_SESSION = array();
    session_destroy();
    header("Location: demo.php");
    exit;
if($_POST['submit']=='Login')
    // Checking whether the Login form has been submitted
    $err = array();
    // Will hold our errors
    if(!$_POST['username'] || !$_POST['password'])
        $err[] = 'All the fields must be filled in!';
    if(!count($err))
        $_POST['username'] = mysql_real_escape_string($_POST['username']);
        $_POST['password'] = mysql_real_escape_string($_POST['password']);
        $_POST['rememberMe'] = (int)$_POST['rememberMe'];
        // Escaping all input data
        $row = mysql_fetch_assoc(mysql_query("SELECT id,usr FROM tz_members WHERE usr='{$_POST['username']}' AND pass='".md5($_POST['password'])."'"));
        if($row['usr'])
            // If everything is OK login
            $_SESSION['usr']=$row['usr'];
            $_SESSION['id'] = $row['id'];
            $_SESSION['rememberMe'] = $_POST['rememberMe'];
            // Store some data in the session
            setcookie('tzRemember',$_POST['rememberMe']);
        else $err[]='Wrong username and/or password!';
    if($err)
    $_SESSION['msg']['login-err'] = implode('<br />',$err);
    // Save the error messages in the session
    header("Location: demo.php");
    exit;
else if($_POST['submit']=='Register')
    // If the Register form has been submitted
    $err = array();
    if(strlen($_POST['username'])<4 || strlen($_POST['username'])>32)
        $err[]='Your username must be between 3 and 32 characters!';
    if(preg_match('/[^a-z0-9\-\_\.]+/i',$_POST['username']))
        $err[]='Your username contains invalid characters!';
    if(!checkEmail($_POST['email']))
        $err[]='Your email is not valid!';
    if(!count($err))
        // If there are no errors
        $pass = substr(md5($_SERVER['REMOTE_ADDR'].microtime().rand(1,100000)),0,6);
        // Generate a random password
        $_POST['email'] = mysql_real_escape_string($_POST['email']);
        $_POST['username'] = mysql_real_escape_string($_POST['username']);
        // Escape the input data
        mysql_query("    INSERT INTO tz_members(usr,pass,email,regIP,dt)
                        VALUES(
                            '".$_POST['username']."',
                            '".md5($pass)."',
                            '".$_POST['email']."',
                            '".$_SERVER['REMOTE_ADDR']."',
                            NOW()
        if(mysql_affected_rows($link)==1)
            send_mail(    '[email protected]',
                        $_POST['email'],
                        'Registration System Demo - Your New Password',
                        'Your password is: '.$pass);
            $_SESSION['msg']['reg-success']='We sent you an email with your new password!';
        else $err[]='This username is already taken!';
    if(count($err))
        $_SESSION['msg']['reg-err'] = implode('<br />',$err);
    header("Location: demo.php");
    exit;
$script = '';
if($_SESSION['msg'])
    // The script below shows the sliding panel on page load
    $script = '
    <script type="text/javascript">
        $(function(){
            $("div#panel").show();
            $("#toggle a").toggle();
    </script>';
?>
<title>PGS</title>
<head>
    <link rel="stylesheet" type="text/css" href="login.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="login_panel/css/slide.css" media="screen" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
        <script type="text/javascript" src="login_panel/js/pngfix/supersleight-min.js"></script>
    <![endif]-->
    <script src="login_panel/js/slide.js" type="text/javascript"></script>
    <?php echo $script; ?>
</head>
<body>
<!-- Panel -->
<div id="toppanel">
    <div id="panel">
        <div class="content clearfix">
            <div class="left">
                <h1></h1>
                <h2>A register/login </h2>       
                <p class="grey">Upon logon, you will not move from this page</p>
                <h2>A Big Thanks</h2>
                <p class="grey">This tutorial was built on top of <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Go to site">Web-Kreation</a>'s amazing sliding panel.</p>
            </div>
            <?php
            if(!$_SESSION['id']):
            ?>
            <div class="left">
                <!-- Login Form -->
                <form class="clearfix" action="" method="post">
                    <h1>Member Login</h1>
                    <?php
                        if($_SESSION['msg']['login-err'])
                            echo '<div class="err">'.$_SESSION['msg']['login-err'].'</div>';
                            unset($_SESSION['msg']['login-err']);
                    ?>
                    <label class="grey" for="username">Username:</label>
                    <input class="field" type="text" name="username" id="username" value="" size="23" />
                    <label class="grey" for="password">Password:</label>
                    <input class="field" type="password" name="password" id="password" size="23" />
                    <label><input name="rememberMe" id="rememberMe" type="checkbox" checked="checked" value="1" />  Remember me</label>
                    <div class="clear"></div>
                    <input type="submit" name="submit" value="Login" class="bt_login" />
                </form>
            </div>
            <div class="left right">           
                <!-- Register Form -->
                <form action="" method="post">
                    <h1>Not a member yet? Sign Up!</h1>       
                    <?php
                        if($_SESSION['msg']['reg-err'])
                            echo '<div class="err">'.$_SESSION['msg']['reg-err'].'</div>';
                            unset($_SESSION['msg']['reg-err']);
                        if($_SESSION['msg']['reg-success'])
                            echo '<div class="success">'.$_SESSION['msg']['reg-success'].'</div>';
                            unset($_SESSION['msg']['reg-success']);
                    ?>
                    <label class="grey" for="username">Username:</label>
                    <input class="field" type="text" name="username" id="username" value="" size="23" />
                    <label class="grey" for="email">Email:</label>
                    <input class="field" type="text" name="email" id="email" size="23" />
                    <label>A password will be e-mailed to you.</label>
                    <input type="submit" name="submit" value="Register" class="bt_register" />
                </form>
            </div>
            <?php
            else:
            ?>
            <div class="left">
            <h1>Members panel</h1>
            <p>You can put member-only data here</p>
            <a href="registered.php">View a special member page</a>
            <p>- or -</p>
            <a href="?logoff">Log off</a>
            </div>
            <div class="left right">
            </div>
            <?php
            endif;
            ?>
        </div>
    </div> <!-- /login -->   
    <!-- The tab on top -->   
    <div class="tab">
        <ul class="login">
            <li class="left"> </li>
            <li>Hello <?php echo $_SESSION['usr'] ? $_SESSION['usr'] : 'Guest';?>!</li>
            <li class="sep">|</li>
            <li id="toggle">
                <a id="open" class="open" href="#"><?php echo $_SESSION['id']?'Open Panel':'Log In | Register';?></a>
                <a id="close" style="display: none;" class="close" href="#">Close Panel</a>           
            </li>
            <li class="right"> </li>
        </ul>
    </div>
<div id="wrapper">
<div id="Splash1"><img src="img/13.png" width="481" height="95"></div>
<div id="splash2"><img src="img/8.png" width="168" height="355"></div>
<div id="splash7"><img src="img/9.png" width="153" height="22"></div>
<div id="menu"></div>
<div id="menu-text">Home | </div>
<div id="transparent-bg"></div>
<div id="Soild-BG"></div></div>

Answer 1

Is this happening in Internet Explorer only?  Or do you see the same results on all browsers?
Can you post a link to your page?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb