I’m trying to get a DIV element into a table cell, in a way in which the <div> spreads along all the cell’s area. But, for unknown reason, a 1px border appears; as far as I know, it’s neither part of the table or the div (table has no borders, padding or spacing, and the div has no margin or padding). Perhaps you can spot me the bug?
<html> <head> <style type='text/css'> #arrow { border-style: solid; margin: 0; padding: 0; border-width: 100px 0px 100px 50px; border-color: blue blue blue red; } table { border-collapse: collapse; border-style: none; padding: 0px; spacing: 0px; } </style> </head> <body> <table> <tr> <td bgcolor='red'> Blah, </td> <td> <div id='arrow'><!----></div> </td> <td bgcolor='blue'> blah. </td> </tr> </table>
— or —