I am creating a template with a border around the modules. I have used the rounded option for the modules. I have the code:
.outline {
background: url(../images/bottomright.png) bottom right no-repeat;
}
.outline div {
background: url(../images/topright.png) top right no-repeat;
}
.outline div div {
background: url(../images/bottomleft.png) bottom left no-repeat;
}
.outline div div div {
background: url(../images/topleft.png) top left no-repeat;
}
.outline div div div div{
background: none;
}
I am adding outline to the module suffix in the modules. When I use this module suffix with the cb login I get the top right repeating in the tables. It shows the bottomright.png in the login box, the password box and the login button. outline is showing up in these. I had a similar problem for another module but adding the last statement got rid of this problem. Adding these backgrounds to .module and not using a separate class does fix the problem but why is this property being inherited by the tables and is there a way to fix it?
