Как изменить положение картинки?

Question

[des1roer]

имею такую картину



как подтянуть правые картинки к левому верхнему углу столбца?

<style>
    body {
        margin: 0;
        padding: 0;
    }
    .pad-img {
        padding: 2px;
        float: left;        
        height: 50px;  
        vertical-align: top;
    }
    .done {
        width: 100px;
    }
</style>
<?php

use yii\helpers\Html;
use yii\grid\GridView;

/* @var $this yii\web\View */
/* @var $searchModel app\modules\shop\ShopSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Shops';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="shop-index">
    <table width="95%" height="95%" align="center" border="1">
        <tr>
            <td width="50%">
                <?php $hero = 1; ?>
                <img  id = "1" src="/uploads/5693ac2e4177f.jpg" class="pad-img" ondblclick="sell(this.id,<?= $hero ?>)">
                <img src="http://cs309530.vk.me/v309530104/5751/_Zq3GWg8eQM.jpg" class="pad-img">
                <img src="http://cs309530.vk.me/v309530104/5751/_Zq3GWg8eQM.jpg" class="pad-img">
                <img src="http://cs309530.vk.me/v309530104/5751/_Zq3GWg8eQM.jpg" class="pad-img">
                <img src="http://cs309530.vk.me/v309530104/5751/_Zq3GWg8eQM.jpg" class="pad-img">
                <img src="http://cs309530.vk.me/v309530104/5751/_Zq3GWg8eQM.jpg" class="pad-img">
            </td>
            <td width="50">&nbsp;</td>
            <td width="50%">      
                <img  id = "2" src="/uploads/5693ac2e4177f.jpg" class="pad-img" ondblclick="sale(this.id)">
                  <img  id = "2" src="/uploads/5693ac2e4177f.jpg" class="pad-img" ondblclick="sale(this.id)">
            </td>
        </tr>
    </table>
    <script>
        function sell(id, hero)
        {
            $.ajax({
                url: "/shop/shop/sell?id=" + id + "&hero=" + hero
                        //context: document.body
            }).done(function () {
                //alert(id);
                alert('Сделка совершена');
            });

            // alert(id);
        }

        function sale(id)
        {
            $.ajax({
                url: "/shop/shop/sale?id=" + id 
                        //context: document.body
            }).done(function () {
                //alert(id);
                alert('Сделка совершена');
            });

            // alert(id);
        }
    </script>
    <?php /*

      <h1><?= Html::encode($this->title) ?></h1>
      <?php // echo $this->render('_search', ['model' => $searchModel]); ?>

      <p>
      <?= Html::a('Create Shop', ['create'], ['class' => 'btn btn-success']) ?>
      </p>

      <?= GridView::widget([
      'dataProvider' => $dataProvider,
      'filterModel' => $searchModel,
      'columns' => [
      ['class' => 'yii\grid\SerialColumn'],

      'id',
      'name:ntext',

      ['class' => 'yii\grid\ActionColumn'],
      ],
      ]); ?>
     */ ?>
</div>