remover bordas das linhas e colunas do DataGrid e DataTable do primefaces

[Feliper.Oliveira]

Pessoal,

Estou utilizando o primefaces 2.2 e sempre que utilizo
um dataGrid com outros componentes juntos não consigo remover
arenderização das bordas das linhas e colunas
o código seria mais ou menos assim
<p:dataGrid value= "#{meuBean.listadeValores}" var="ta" columns="3">
<p:panel>
<h:outputText value="#{ta}"/>
</p:panel>
</p:dataDrid>

e no css tem

.ui-datagrid-row{
border: none;
}

.ui-datagrid-data{
border: none;
}

.ui-datagrid-column{
border: none;
}

.ui-datagrid{
border: none;
}

mas mesmo assim entre o painel e a grid é renderizado uma borda que
não sei como retirar.

Utilizei o Chromiun e o firefox 3.6 em ambiente linux
qualquer ajuda agradeço.