Set border to table tr, works in everything except IE 6 & 7

Question

I set the border for the table event_calendar tr to be red, it works in everything except IE 6 & 7. What is wrong with my CSS?

table#event_calendar tr {
         


        

Answer 1

Setting the border on the td is the easiest solution. But if you really really want to make the borders on , you can always set:

tr { display:block; border-bottom:1px dotted #F00; }

By doing this, you loose the common width between the . If you want to make all of them equal on width, set the display for to inline-block and set some width:

td { display:inline-block; width:20%; }

It helps when you want to draw some border on the and on .

CSS generated content like tr:before{} or tr:after{} can always help as well.