I have two inplaceinput components but the default css has no margin around them.

<rich:inplaceInput defaultLabel="Enter First Name" value="#{bean.firstName}" /><br
<rich:inplaceInput defaultLabel="Last Name" value="#{bean.LastName}" styleClass="inputField"/>

Looking at the source of my html, I can see the 3 css defs being used.
So I override the css in richfaces by putting my definitions in my own css file as such:

.rich-inplace {
font-style: italic;
border-style: inset;
margin-bottom:10px;
font: inherit;
}
.rich-inplace-view {
border-bottom-width: 1px;
border-bottom-style: dashed;
/*padding-left:3px;
padding-right:3px;*/
white-space:nowrap;
}
.rich-inplace-field {
border-width: 1px;
border-style: inset;
margin:10px;
padding:0px 0px 0px 0px;
position: absolute;
top:0px;
left:0px;
font: inherit;
}

Note that I changed the default font to italics and that worked. But the margin is still 0 around the two components.

Any suggestions?
Thanks,
Bruce