Estilos para tabla dentro de un div

[andres_15_]

Hola, la verdad tengo muy poco conocimiento sobre estilos y demás, es por esto que acudo a ustedes. El problema es simple: tengo un div con un width:100% y dentro de este div tengo un table, el problema es que en una columna que se llama file, existen nombres muy grandes, por lo que la tabla me queda mas grande que el div

Mi mini código de html:

Código HTML:

 <div style="width: 50%;">
                            <table style="width: 100%;" border='1'>
                                <thead>
                                    <tr>
                                        <th  style="overflow:hidden; white-space:nowrap;text-overflow: ellipsis;">
                                            File
                                        </th>
                                        <th>
                                            Basic
                                        </th>
                                        <th>
                                            Expert
                                        </th>
                                        <th>
                                            Proofreading
                                        </th>
                                    </tr>
                                </thead>
                                <tbody id="tbodyRates">
                                    <!-- aqui hay unas filas que se llenan con jquery -->
                                </tbody>
                            </table>
                        </div> 

Y dicen que una imagen habla mas que mil palabras, así que les dejo mi caso

[IMG][/IMG]

[fede5426]

{overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;}

Esos estilos, los estas asignando en la celda del titulo (donde dice "File"), proba asignándolo a la celda que llamas con jquery donde estan los nombres grandes..