title: How can i remove extra space from the top?
body: <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
           #wholeborder{
          background-color : #f2f2f2;
          border-radius:5px;
          border:1px solid #222;
          resize:both;
          width:700px;
          height:320px;
          overflow:auto;
  
          }
  
          #navigatorForLinkedIN{
           height:70px;
          }
          ul#breadcrumbs{
              list-style:none;
              /* optional */
              margin:100px;
              padding:10px 2px 10px 10px;
              background:#f2f2f2;
              width:500px;
              height:30px;
              border-radius:5px;
              border:1px solid #222;
              -moz-box-shadow:0 0 3px 0 #000;
  
          }
          ul#breadcrumbs li{
              float:left;
              background:;
              height:30px;
              padding:0 23px 0 10px;
              text-align:center;
              text-decoration:none;
              text-color:#7a7a7a;
              line-height:32px;
          }
          ul#breadcrumbs li.active{
              background:url(../images/greenNav.png)no-repeat right;
              color:#fff;
          }
          ul#breadcrumbs li a{
              display:block;
              text-decoration:none;
              color:#2d2d2d;
              line-height:32px;
              text-shadow:0 0 1px #222;
          }
          ul#breadcrumbs li a:hover{
              color:#000000;
              background: url(../images/greenNav.png);
          }
  
      &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="wholeborder" id="wholeborder"&gt;
              &lt;div class="navigatorForLinkedIN" id="navigatorForLinkedIN"&gt;
                  &lt;ul id="breadcrumbs"&gt;
                      &lt;li class="active"&gt;&lt;a href=""&gt;Connect with LinkedIn&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Invite Friends&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Complete Profile&lt;/a&gt;&lt;/li&gt;&lt;a href=""&gt;
                  &lt;/a&gt;&lt;/ul&gt;&lt;a href=""&gt;
               &lt;/a&gt;&lt;/div&gt;&lt;a href=""&gt;
                  &lt;/a&gt;&lt;div class="linkedInLoginBox"&gt;&lt;a href=""&gt;
                      &lt;div class="head"&gt;
                          Discover contacts that can help you land your next job
                      &lt;/div&gt;
                      &lt;/a&gt;&lt;div class="body"&gt;&lt;a href=""&gt;
                          &lt;/a&gt;&lt;a class="sn-in" href="" title="Sign into LinkedIn" id="sn-lk-sign" rel="nofollow"&gt;&lt;span class="sn-in-sign-span"&gt;Sign into LinkedIn&lt;/span&gt;&lt;/a&gt;
                          &lt;div class="disclaimer"&gt;
                          All information and activity will be kept private. &lt;a href="" target="_blank"&gt;Learn More&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my html page</p>