title: My a href doesn't work in my ul html5
body: <p>Please help I have spent so long on this and cannot find the answer.  I have an a href in a ul and have tried to write everything in html5.  I am using KomodoEdit to write the html and everything works fine in there - links and all.  I have used the HTML5 validator and my code passes.  Here is my html file - when I load it in Chrome, Safara and FF it all looks fine but the text links don't work - I have 3 image links at the minute and they both work fine its just the text links in the ul and the first paragraph.  Someone please help me.</p>
  
  <p>It is such simple code - I haven't had a chance to move on to anything more exciting cos I can't get past this!</p>
  
  <p>
      </p>
  
  <pre><code>    &lt;head&gt;
  
      &lt;meta charset="UTF-8"&gt;    
      &lt;title&gt;The Willows Daycare&lt;/title&gt;
      &lt;link rel="stylesheet" href="willows.css"&gt;
  
      &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div id="container"&gt;
  
  
          &lt;div id="header"&gt;
  
          &lt;/div&gt; &lt;!--/header--&gt;
  
          &lt;div id="border"&gt;
  
          &lt;/div&gt; &lt;!--border--&gt;
  
              &lt;div id="sidebar"&gt;
  
  
                  &lt;div id="navigation"&gt;
  
                  &lt;nav&gt;
                      &lt;ul&gt;
                          &lt;li class="active" &gt;&lt;a href="http://www.willowsdaycare.co.uk/index.html" title="Home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="/aboutus.html" title="About Us"&gt;About Us&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="http://www.willowsdaycare.co.uk/yourchildinourcare.html" title="Your Child in Our Care"&gt;Your Child in Our Care&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="http://www.willowsdaycare.co.uk/workingwithparents.html" title="Working with Parents"&gt;Working with Parents&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="http://www.willowsdaycare.co.uk/pricing.html" title="Pricing"&gt;Pricing&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="http://www.willowsdaycare.co.uk/usefullinks.html" title="Useful Links"&gt;Useful Links&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="http://www.willowsdaycare.co.uk/contactus.html" title="Contact Us"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  
                      &lt;/ul&gt;
                  &lt;/nav&gt;
  
                  &lt;/div&gt; &lt;!--/navigation--&gt;
  
              &lt;img src="artwork/childrenline.png" alt="Children in a Line"&gt;    
  
              &lt;img src="images/newssection.png" alt="latestnews"&gt;
  
              &lt;p&gt;&lt;img src="images/applenews.jpg" alt="Item of News"&gt;This is a link to a piece of news&lt;/p&gt;
              &lt;p&gt;&lt;img src="images/applenews.jpg" alt="Item of News"&gt;This is another link to news&lt;/p&gt;
              &lt;p&gt;&lt;img src="images/applenews.jpg" alt="Item of News"&gt;Places available for Spring 2014 what happens if i just keep on going&lt;/p&gt;
              &lt;img src="artwork/childrenline.png" alt="Children in a Line"&gt;
  
              &lt;p&gt;&lt;a href="https://www.facebook.com/pages/The-Willows-Daycare/719118858113788?fref=ts"&gt;&lt;img src="images/facebooklike.png" alt="Like Us on Facebook"&gt;&lt;/a&gt;&lt;/p&gt;
              &lt;img src="images/twitterfollow.png" alt="Follow Us on Twitter"&gt;
  
  
              &lt;/div&gt; &lt;!--/sidebar--&gt;
  
          &lt;div id="main"&gt;
  
              &lt;h1&gt;Welcome to The Willows Daycare&lt;/h1&gt;
  
              &lt;p&gt;Thank you for your interest in The Willows Daycare and for taking the time to find out more about what we can offer your child.  &lt;a href="aims.html"&gt;Our main aim&lt;/a&gt; is to provide the highest quality childcare, from birth to 11 years, by employing experienced, qualified and caring staff.&lt;/p&gt;
              &lt;p&gt;We expect children to receive the same care and concern for their happiness and well being in daycare, as they would at home.  We work hard to create a warm, nurturing environment in which the child feels safe and secure and is able to flourish and reach their full potential.&lt;/p&gt;
              &lt;p&gt;Please ask us for a prospectus, which is designed to give you an overview of the daycare provision we can offer your child/children, however we strongly recommend you visit The Willows to see our fantastic facilities and observe the children happy and secure in the stimulating environment we provide.&lt;/p&gt;
              &lt;p&gt;We hope you find our website useful but if you have any qestions at all, please do not hesitate to contact the daycare manager who will be very pleased to help&lt;/p&gt;
  
              &lt;h4&gt;Here are some of the things OFSTED said:&lt;/h4&gt;
  
              &lt;p class="quotes"&gt;"All children.....make outstanding progress at this inclusive nursery because the manager and her staff provide very good care for them and host an extensive range of activities."&lt;/p&gt;
  
              &lt;p class="quotes"&gt;"The children are completely safe because all procedures are rigorous and all adults are extremely vigilant."&lt;/p&gt;
  
              &lt;p class="quotes"&gt;"Parents feel their children make outstanding progress, especially in skills such as learning numbers."&lt;/p&gt;
  
              &lt;p class="quotes"&gt;"The children behave extremely well....they play very well together....concentrate well....and they develop extremely good friendships with one another and with the staff."&lt;/p&gt;
  
              &lt;p&gt;&lt;b&gt;For more information visit www.ofsted.gov.uk and search for EY337463.&lt;/b&gt;&lt;/p&gt;
  
  
          &lt;/div&gt; &lt;!--/main--&gt;
  
  
              &lt;div id="footer"&gt;
  
              &lt;/div&gt;  &lt;!--/footer--&gt;                
  
                  &lt;div id="bottomfooter"&gt;
  
                      &lt;p class="bottomfooter"&gt;&lt;a href="https://www.facebook.com/pages/The-Willows-Daycare/719118858113788?fref=ts"&gt;&lt;img src="images/facebooklogo.jpg" alt="Like Us on Facebook"&gt;&lt;/a&gt;
                      &lt;img src="images/twitterlogo.jpg" alt="Twitter Logo"&gt;
                      &lt;img src="photos/ofstedoutstanding.jpg" alt="Ofsted_Outstanding" width="50" height="50"&gt;
                      &lt;p class="bottomfooter"&gt;The Willows Daycare, Magdalene Close, Ipswich, IP2 9UX &amp;#124; Telephone: 01473 601327 &amp;#124; Email:willowsipswich@hotmail.co.uk&lt;/p&gt;
                      &lt;p class="bottomfooter"&gt; &amp;#169; copyright &lt;a href="http://www.harambee.biz"&gt;harambee.biz&lt;/a&gt;&lt;/p&gt;
  
                  &lt;/div&gt; &lt;!--/bottomfooter--&gt;  
  
          &lt;/div&gt; &lt;!--/container--&gt;
  
  
   &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And my CSS</p>
  
  <pre><code>@font-face {
          font-family: child;
          src:    url('fonts/child-webfont.ttf'),
                  url('fonts/child-webfont.eot');
          }
  
  @font-face {
          font-family: futura;
          src     url('fonts/futubk-webfont.ttf'),
                  url('fonts/futubk-webfont.eot');
  }
  
  body {
          width: 1280px;
          }
  
  #container {
  
          margin: 0 auto -400px;
          border-right: 2px solid #d6d6d6;
          border-top: 2px solid #d6d6d6;
          border-left: 2px solid #d6d6d6;
          border-bottom: 2px solid #d6d6d6;
          margin-left: 162px;
          width: 955px;
          box-shadow: 0 0 12px #777777;
  }       
  
  h1  {
          font-family: 'child';
          text-align: left;
          color: #C00000;
          font-size: 30px;
  }
  
  h2  {   font-family: 'child';
          text-align: left;
          color: #C00000;
          font-size: 20px;
  }
  
  h3 {    font-family: 'child';
          text-align: left;
          color: #33CC33;
          font-size: 25px;
  }
  
  h4 {    font-family: 'child';
          text-align: left;
          color: #220494;
          font-size: 20px;
          }
  
  p   {
          font-family: 'futura';
          font-size: 14px;
          text-align: left;
          color: #585858;
  }
  
  #header {
          position: absolute;
          width: 955px;
          height: 100%;
          background:     url("artwork/header1.png") no-repeat 100% 0px;
  
  }
  
  #border {
          width: 100%;
          height: 130px;
          background:     url("artwork/handbanner.png") no-repeat 100%;
          margin-top: 400px;                }
  
  #sidebar {
          float: right;
          width: 250px;
          height: auto;
          padding-bottom: 0px;
          background:     url("artwork/sidebar.png") repeat-y  200px;
  }
  
  
  
  #sidebar h2 {
          font-family: 'child';
          text-align: left;
          color: #C00000;
          font-size: 25px;
  
  }
  
  #sidebar p {
          margin-left: 0px;
          margin-right: 50px;
  
  }
  
  #main {
          clear: left;
          overflow: auto;
          height: auto;
          width: 636px;
          padding-bottom: 0px;
          padding-left: 20px;
          padding-right: 20px;
          border-right: solid 1px #d6d6d6;
  
          }
  
  #main ul {
          font-family: 'futura';
          font-size: 14px;
          text-align: left;
          color: #585858;
  }
  
  #main a {
          font-family: 'futura';
          font-size: 14px;
          text-align: left;
          color: #220494;
          text-decoration: none;
  }
  
  #main a:hover {
          color: #C00000;
  }
  
  #tweets {
          float: right;
          height: 350px;
          width:  200px;
          border-right: 1px solid;
          border-left: 1px solid;
          padding-left: 3px;
          padding-right: 3px;
  
  }
  
  p.center {
          width:  600px;
          margin: 0 auto;
  }
  
  p.policy {
          margin-left: 225px;
  }
  
  #footer {
          position: relative;
          margin-top: 0px;
          clear: both;
          height: 400px;
          background:     url("images/footer1.png") no-repeat 100% 0px;
          }
  
  #navigation ul {
          padding: 0px;
          margin-right: 20px;
          list-style-type: none;
  
  }
  
  #navigation li {
          padding-bottom: 10px;
  
  }
  
  #navigation ul a {
          color: #169942;
          font-family: 'child';
          font-size: 18px;
          text-decoration: none;
  
  }
  
  
  #navigation ul li a.active {
          color: #84c124;
  }
  
  #navigation a:hover {
          color: #220494;
  }
  
  #bottomfooter {
          position: absolute;
          height: 150px;
          width: 955px;
          padding-top: 20px;
  
          }
  
  p.bottomfooter {
          text-align: center;
  }
  
  p.quotes {
          text-align: center;
          font-style: italic;
          color: #9966FF;
          padding-bottom: 3px;
          padding-top: 3px;
  
  }
  </code></pre>