table display

There seems to be a problem in Opera involving tables..

The table on the left side of http://www.kwizzed.com/ has the CSS style:

.styled_table
{
	background-color						:	rgb(250,250,255);
	padding											:	5px;
	border-width								:	1px;
	border-style								: solid;
	border-color								:	rgb(80,80,120);
}

but the padding seems to have moved entirely to the right side of the  
table, and seems to affect only the borders.. This can't be right in any  
standard :-P

regards,

On Wed, 18 Jul 2007 15:13:12 +1200, kw <kwazywebbit@gmail.com> wrote:

> There seems to be a problem in Opera involving tables..
>
> The table on the left side of http://www.kwizzed.com/ has the CSS style:
>
> .styled_table
> {
> 	background-color						:	rgb(250,250,255);
> 	padding											:	5px;
> 	border-width								:	1px;
> 	border-style								: solid;
> 	border-color								:	rgb(80,80,120);
> }
>
> but the padding seems to have moved entirely to the right side of the  
> table, and seems to affect only the borders.. This can't be right in any  
> standard :-P

There is no element in that page with a class of styled_table, and the  
developer console shows the cells of .categories_table not having any  
padding defined and not inheriting any padding.

You seem to have created some extremely cumbersome markup and stylesheets.  
That page has three nested tables when there isn't anything on it which  
semantically requires a table. (that should be a list of links).
For a table-free page with near-identical styling, check out www.paen.net

-- 

kw wrote:
> There seems to be a problem in Opera involving tables..
> 
> The table on the left side of http://www.kwizzed.com/ has the CSS style:
> 
> .styled_table
> {
>     background-color                        :    rgb(250,250,255);
>     padding                                            :    5px;
>     border-width                                :    1px;
>     border-style                                : solid;
>     border-color                                :    rgb(80,80,120);
> }
> 
> but the padding seems to have moved entirely to the right side of the 
> table, and seems to affect only the borders.. This can't be right in any 
> standard :-P

Try this, instead:

   .styled_table
   {
     border-width: 1px;
     border-style: solid;
     border-color: rgb(80,80,120);
   }

   .styled_table td
   {
     background-color: rgb(250,250,255);
     padding-left: 5px;
   }