I've been seeing people that have tables with headers + backgrounds that change colours with the site theme.

Like this




I tried using this persons code for the tables but all I end up with is this:



I've seen a few HTML guides saying to just remove 'background-colour' element in the HTML if you want the header to copy the Sites colours. However this aint working for me :'[

<*table width="650"><*tr><*th style="text-align:center;">~ Header 1 ~<*/th><*th style="text-align:center;">~ Header 2 ~<*/th><*/tr><*tr><*td style="width:325px;height:350px;"><*div style="width:325px;height:350px;overflow:auto;text-align:center;">
Box 1
<*/div><*/td><*td style="width:325px;height:350px;"><*div style="width:325px;height:350px;overflow:auto;text-align:center;"*>

Using the code from this thread: its the 8 box with headers but I only copied the first two boxes.
https://www.lioden.com/topic.php?id=304429196806

any help would be greatly appreciated!