Css is weird both places now..

<?php 
include("inc/data.php");
include("inc/functions.php");

$pageTitle = "Personal Media Library";
$section = null;

include("inc/header.php"); ?>
        <div class="section catalog random">

            <div class="wrapper">

                <h2>May we suggest something?</h2>

        <ul class="catalog">
            <?php
            foreach ($catalog as $id=>$item) {
                echo get_item_html($id,$item);
            }
            ?>                              
                </ul>

            </div>

        </div>

<?php include("inc/footer.php"); ?>

<?php 
include("inc/data.php");
include("inc/functions.php");

$pageTitle = "Full Catalog";
$section = null;

if (isset($_GET["cat"])) {
    if ($_GET["cat"] == "books") {
        $pageTitle = "Books";
        $section = "books";
    } else if ($_GET["cat"] == "movies") {
        $pageTitle = "Movies";
        $section = "movies";
    } else if ($_GET["cat"] == "music") {
        $pageTitle = "Music";
        $section = "music";
    }
}

include("inc/header.php"); ?>

<div class="section catalog page">

    <div class="wrapper">

        <h1><?php echo $pageTitle; ?></h1>

        <ul>
            <?php
            foreach ($catalog as $id=>$item) {
                echo get_item_html($id,$item);
            }
            ?>
        </ul>

    </div>
</div>

<?php include("inc/footer.php"); ?>