title: Gradient from transparent to color in CSS
body: <p>My Boss give me an image (please see below) and told him I would make his site look the same.  Here is my code, but it doesn't look like the image: </p>
  
  <p>HTML </p>
  
  <pre><code>&lt;div class="clearfix" id="footer"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="/pages/facility"&gt;Become a Virtual Active Facility&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/pages/about"&gt;About Us&lt;/a&gt;&lt;/li&gt;
      &lt;li class="last"&gt;&lt;a href="/pages/contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#footer {
      background: -moz-linear-gradient(left center, white, white) repeat scroll 0 0 transparent;
      margin-bottom: 25px;
      margin-top: 25px;
      opacity: 0.6;
      padding: 10px 25px;
      width: 914px;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/hGzAy.jpg" alt="alt text"></p>
  
  <p>How can I get the result to look the same? </p>