title: CSS width/height of IMG and TD
body: <blockquote>
    <p>I have a problem in css, I have a TD with a width:100px; and height:100px; inside it, I have an img element with the same width and height (100px, 100px). 
    The problem is that the TD is automatically resized to 145px width and 114 px height. </p>
    
    <p>If anyone know why, and how to solve it please help me! (it would be great if I did not need no increase my TD's size, my image must be 100*100)
    This problem has been fixed, I had commented that part of the css. But my image is now placed under my text in titleTD and descTD.</p>
  </blockquote>
  
  <p>Here's the HTML</p>
  
  <pre><code>&lt;div id="pixelContent"&gt;
          &lt;table id="pixelContentTable"&gt;
          &lt;tr valign=center&gt;
              &lt;td id="imageTD" rowspan=2&gt;
                  &lt;a href=""&gt;&lt;img src="" id="contentImage" border="0" width="100px" height="100px"&gt;&lt;/a&gt;&lt;/td&gt;
              &lt;td id="titleTd"&gt;Title here&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr valign=center&gt;
              &lt;td id="descTd"&gt;Lorem ipsum dolor sit amet, &lt;a href="http://google.com"&gt; nunc in sapien gravida&lt;/a&gt; eleifend. Maecenas consectetur, risus id lobortis molestie, magna sapien ullamcorper justo, ultrices &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>#pixelContentTable{
  margin: 0 auto;
  width:400px;
  height:120px;
  text-align:left;
  }
  
  #contentImage{
  margin-left:10px;
  width:100px;
  height:100px;
  min-width:100px;
  min-height:100px;
  max-width:100px;
  max-height:100px;
  }
  
  
  
    #imageTD{
      width:100px;
      height:100px;
      min-width:100px;
      min-height:100px;
      max-width:100px;
      max-height:100px;
    }
  </code></pre>