ok.
Here is without the <hr/>
See how my style rules are being followed, like it is Arial sans-serif, etc.
Here's that code:
Here is the same thing with <hr> in between rows. Here's the code, see how the first line disappeared from the output:
And see how after the first <hr/> on the table, the style rules from the CSS are no longer being followed? It has reverted to serif, and the hyphens at the beginning of each row are no longer visible.
Here is my CSS code for that column:
Code:
div#column2 p {color: #ffffff;
text-align: left;
padding-left: 5px;
padding-right: 5px;}
div#column2 a:link {color: #ffffff;} /* unvisited link */
div#column2 a:visited {color: #ffffff;} /* visited link */
div#column2 a:hover {color: #00ccff;} /* mouse over link */
div#column2 a:active {color: #ffffff;} /* selected link */
I would expect the CSS to still be followed because everything in my code is still within <p> tags, but it seems like at the first <hr/> it just starts ignoring the rest of the CSS.
Oh, the reason it's Arial is because at the top of my CSS file I have:
p { font-family: arial, verdana, sans-serif; }
To set everything, everywhere to Arial.