image vertical alignment

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<body>
    <div class="page-header header">
         <h1 class="page-header-text">thenwat</h1>

    </div>
    <table border="0" width="100%">
        <tr>
            <div class="left">
                <td style="width:15%" valign="top">
                    <div class="media">
                        <img class="media-object" src="http://placehold.it/200x200" alt="Profile pic">
                    </div>
                </td>
            </div>
        </tr>
    </table>
    
    <body>

CSS

.header {
   margin:0;
}