title: vertical alignment of ul all the way to the top inside a div - no img, just text
body: <p>This seems SO simple,(and I feel pretty stupid and toasted) but I've tried all I can find (spent 6 hours digging on the web, w3schools, etc.), and I can't get a simple text ul to go ALL THE WAY to the top of a div it is inside of? It is as if there is a "margin" or a "pad" inside the DIV. I've looked at it with firebug and dreamweaver and I see the same thing. THe real page I am concerned about is at the bottom of this post.. Thnks Everybody</p>
  
  <p>Here's a link to the stripped down HTML shown here:</p>
  
  <p><a href="http://www.abscomputersouthbay.com//CC_Website/one_ul_in_a_div.html" rel="nofollow">http://www.abscomputersouthbay.com//CC_Website/one_ul_in_a_div.html</a></p>
  
  <p>there is also another link to this code at jsfiddle in the link above, - I don't have "10 reputation" yet, so I can't have more than 2 links in a post.. :)</p>
  
  <pre><code>  &lt;head&gt;
  
      &lt;style type="text/css"&gt;
      body {
        color:#000000;
        background-color:#FFFFFF;
        margin: 0;
        padding: 0;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  the ul should be right below this line of text, right up to the top of the DIV it
  is inside of, with no empty "white space" the looks like a "empty line"
  &lt;div style=""&gt;
  &lt;ul &gt;
  &lt;li &gt;PC World News (external news feed)&lt;/li&gt;
  &lt;li &gt;PC Mag - New products (external news feed)&lt;/li&gt;
  &lt;li &gt;Site Map&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here's the actual page I was working on that got me on this tangent... starting with "PC &amp; IT SERVICE, SUPPORT, DEVELOPMENT"</p>
  
  <p><a href="http://www.abscomputersouthbay.com/index.php/services-and-support" rel="nofollow">http://www.abscomputersouthbay.com/index.php/services-and-support</a></p>
  
  <p>THANK YOU</p>
  
  <p>Craig</p>