<!DOCTYPE HTML> <html> <head> <title>Percent widths on table cells</title> <style type="text/css"> table { border-spacing: 3px 5px; padding: 2px 3px 4px 5px; } td { border: none; padding: 0; } </style> </head> <body> <div style="width: 1px"> <table><tr> <td style="background: yellow;color:yellow">x</td> <td style="background:aqua;color:aqua" width="50%"><div style="width:200px">x</div></td> </tr></table> </div> </body> </html>