For some reason in my footer there's a space to the left of my ul so it isn't lined up with the content above it (membership text etc) If I were to put text outside this ul (but still within the footer wrapper) there is no such space.

Here's what it looks like:

HTML:

<!DOCTYPE html>
<html>
<head>
<title>Ozanam Club </title>

<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/normalize.css"/>

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/fonts/enigma.css" />

</head>

<body>

<div id="wrap">
    <header>
        <div id="logo"><a href="#"><img src="images/logo.png" height="157px" width="237px"></a></div>
    <!--
    <div class="social">
      <ul>
        <li><a href="#"><img src="images/icons/facebook.gif"/></a></li>
        <li><a href="#"><img src="images/icons/twitter.gif"/></a></li>
        <li><a href="#"><img src="images/icons/youtube.gif"/></a></li>
    </ul>
    </div>
    -->
        <div id="navigation">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Events</a></li>
            <li><a href="#">Clubs</a></li>
      <li><a href="#">Photos</a></li>
            <li><a href="#">F.A.Q</a></li>
            <li><a href="#">Contact</a></li>
        </ul>   
    </div>

    </header>

     <section class="slider">
        <div class="flexslider">
          <ul class="slides">
            <li>
                <img src="images/
css html-lists space
Edit
Report