P Margin not being recognised

[riz-man]

I have a div that has the p margin set for it....like so...

#col2 {
float:left;
width:80%;
position:relative;
left:50%;
overflow:hidden;

}
#col2 p {
margin:10px;
}

All paragraphs in this div will have a margin of 10 pixels.

However, I also have a table within this div. The paragraphs in this table need to have different margin settings. So I set up a class for the table in question...

.table {
display:table;
border:1px solid blue;
margin:auto;
}

.table p {
margin:3px;
}

Unfortunately the col2 p is overruling table p...so the paragraphs inside the table are giving me margins of 10 pixels. Is it possible to set a different p value for the information in the table?

Thanks

Riz

[Fang]

#col2 .table p {
margin:3px;
}

[riz-man]

Fang...as always...you're the man!

[Fang]

CSS specificity: http://www.molly.com/2005/10/06/css2-and-css21-specificity-clarified/