Problem with styles

Question

In my jsf files i have id and class attributes associated with elements.
The class attribute is used to specify generic style properties like color,font etc. and the id attribute is used to mention the properties specific to the element(like top,left,position etc).
for eg:
in commonStyles.css I have,
LabelLeftAligned {
     font-family : Arial,Verdana,Sans-Serif;     
     font-size : 9pt;
     color : #000000;
     text-align : left;
and in MyFirstPage.css I have
label#membershipNumberLabel{
     height:18px;
     width:120px;
     left:10px;
     top:10px;
     position:absolute;
and in my MyFirstPage.jsp file i specify
<h:outputLabel value="Membership Number: " for="membershipNumberText" styleClass="LabelLeftAligned " id="membershipNumberLabel"/>
But due to the auto generation of 'id' the alignment of the page is lost.
Whats the solution for this ??
Thanks in advance,

Answer 1

Ok, admittedly, I'm no css guru. You obviously know more about this stuff than me. But wouldn't it be easier to use the style attribute instead of the fancy id?
So it ends up looking like this:
<h:outputLabel value="Membership Number: " for="membershipNumberText" styleClass="LabelLeftAligned " id="membershipNumberText"
    style="height:18px;width:120px;left:10px;top:10px;position:absolute;"/>Just throwing out a suggestion. =) Hope it helps.
CowKing