表格第二列中的HTML CSS图像显示不正确

我正在尝试创建一个表格，该表格在第一列和第二列中有一个图像。但是，当我将图像放入第二列时，它会将第一列的列表向下移动。这是发生了什么：表格第二列中的HTML CSS图像显示不正确

image moves list down

正如你所看到的图像向下移动列表。我怎么能得到它，所以它看起来是这样的：

enter image description here

这是该表的代码。在同一小区TE列表右下方它的位置是：

<table border="0"> 
    <tr> 
    <td> 
     <ul> 
     <li>F1</li> 
     <li>ALMS</li> 
     <li>Le Mans 24 Hour</li> 
     <li>WTCCBritish GT</li> 
     <li>BTCC</li> 
     <li>Toca support races</li> 
    </ul> 
    </td> 
    <td> 
    <a href="http://www.motorground.co.uk/wp-content/uploads/2013/02/track-day-0732.jpg"><img src="http://www.motorground.co.uk/wp-content/uploads/2013/02/track-day-0732-300x200.jpg" alt="PrivateTuitionimg073" width="300" height="200" class="aligncenter size-medium wp-image-23" /></a> 
    </td> 
    </tr> 
</table>

来源

2013-02-24 user667430

＃1。不要使用表格进行布局（尽管这不会导致您的问题）。＃2 A [fiddle]（http://jsfiddle.net）会有所帮助。 – Rob 2013-02-24 10:40:50

使用CSS进行布局。内容的HTML。 – 2013-02-24 10:42:22

你应该为这个问题创建一个** jsFiddle **。也添加样式表。 – 2013-02-24 10:44:03