width table tidak berkerja

oscar11

kode :

<div style="width: 300px;">
    <table width="100%" border="2px solid blue">
        <tr>
            <td style="width:30%">Pemain</td>
            <td style="width:30%">Club</td>
            <td style="width:30%">Gaji</td>
        </tr>
        <tr>
            <td style="width:30%">HazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazardHazard</td>
            <td style="width:30%">Chelsea</td>
            <td style="width:30%">2 M</td>
        </tr>
        <tr>
            <td>Ronaldo</td>
            <td>Real Madrid</td>
            <td>3 M</td>
        </tr>
        <tr>
            <td>Messi</td>
            <td>Barcelona</td>
            <td>4 M</td>
        </tr>
    </table>
</div>

capture : http://postimg.org/image/sm1s6qji3/


padahal kolom pemain udah di set 30%



mohon pencerahannya

oscar11

solved

table{
    table-layout: fixed;
}
td {
    word-wrap:break-word;
}