<!DOCTYPE HTML> <html> <head> <title>Conflicting 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> <table> <tr><td height="500" style="background:aqua;color:aqua">la la la la la la la la la la la la la la la la la la la la</td></tr> <tr><td width="100" style="background: yellow">x</td></tr> </table> </body> </html>