Table Border doesnt align with table elements

So I wanted to move this table to the right of its original positon but now its doing this. Any suggestions?

this is the CSS code for the table

table, td, th, tr {
border: 1px solid black;
position:relative;
left:15%;
}

Attached Thumbnails