title: fixing text to the footer
body: <p>as you see in the picture the links of the right side aren't properly fixed to my footer
  what should I do to make it correct?
  I don't know why between these two parts I mean div links I have a big distance
  I don't want this distance between them either.</p>
  
  <p>I inserted the style and my tables in the footer.
  Thanks in advance</p>
  
  <p><img src="https://i.stack.imgur.com/li2us.png" alt="enter image description here">
  <strong>style if needed:</strong></p>
  
  <pre><code>    &lt;style&gt;
  #footer{
      background-image:url(../images/footer.png);
      background-position:inherit;
      background-repeat:no-repeat;
      width:100%;
      height:150px;
      margin:0
      auto;
      text-align: right;
      }
      #links ul {
              list-style-type: none;
              width: 400px;
              float:right;
                  text-align: right;
      } 
  
      #links li {
              border: 1px dotted #999;
              border-width: 2px 0;
              margin: 5px 0;
              float:right;
                  text-align: right;
      }
  
      #links li a { 
              color: #FF6600;
              display: block;
              font: bold 120% Arial, Helvetica, sans-serif;
              padding: 5px;
              text-decoration: none;
              float:right;
              text-align: right;
  
      }
  
       * html #links li a {  /* make hover effect work in IE */
          width:600px;
          float:right;
              text-align: right;
      }
  
      #links li a:hover {
              background: #FFFFFF ;
      }
  
      #links a em { 
              color: #333;
              display: block;
              font: normal 85% Verdana, Helvetica, sans-serif;
              line-height: 125%;
              float:right; 
              text-align: right;
      }
  
      #links a span {
              color: #125F15;
              font: normal 70% Verdana, Helvetica, sans-serif;
              line-height: 150%;
              float:right;
      }
      &lt;/style&gt;
  </code></pre>
  
  <p><strong>the footer and the texts:</strong></p>
  
  <pre><code>   &lt;div id="footer"&gt;
  &lt;table width="100%" height="183" align="left" cellpadding="0" dir="ltr"&gt;
  &lt;tr&gt;
  &lt;td width="30%"&gt;
   &lt;div id="links"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#" title="لینک"&gt;سرویس های مشتری
         &lt;table width="100%"&gt;
          &lt;tr&gt;
          &lt;td width="337" cellpadding="0"&gt;&lt;em&gt;ارتباط با ما&lt;/em&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt; &lt;em&gt;ثبت نام&lt;/em&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt; &lt;em&gt;پرسش و پاسخ&lt;/em&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;/table&gt;
          &lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt;
    &lt;/div&gt; 
  
    &lt;/td&gt;
   &lt;td width="40%"&gt;
   &lt;div id="links"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#" title="لینک"&gt;لینک های مفید
          &lt;table width="100%"&gt;
          &lt;tr&gt;&lt;td width="337"&gt;
          &lt;em&gt;لینک یک&lt;/em&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;
           &lt;em&gt;لینک دو&lt;/em&gt;
           &lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;
           &lt;em&gt;لینک سه&lt;/em&gt;
           &lt;/td&gt;&lt;/tr&gt;
           &lt;/table&gt;
          &lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt;
    &lt;/div&gt; 
    &lt;/td&gt;
     &lt;td width="30%"&gt;
   &lt;div id="links"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#" title="لینک"&gt;اخبار
          &lt;table width="100%"&gt;
          &lt;tr&gt;&lt;td width="337"&gt;
          &lt;em&gt;خبر یک&lt;/em&gt;&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;
           &lt;em&gt;خبر دو&lt;/em&gt;
           &lt;/td&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;td&gt;
           &lt;em&gt;خبر سه&lt;/em&gt;
           &lt;/td&gt;&lt;/tr&gt;
           &lt;/table&gt;
          &lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>