Hi again,

Working with pickList, I'm using a 2 column panel grid for layout. I have 3 picklist controls at various rows in the 2nd column. I do not want to have any table borders in the view so I'm attempting use something like this:

<div id="project">

<h:panelGrid columns="2" columnClasses="gridCol1,gridCol2" styleClass="tableGrid">

// add all of my stuff to the grid...

</h:panelGrid>

</div>

so in my style sheet I do this:

#project table {

   border: 0;

}

#project table td {

   border: 0;

}

and for the most part it works to completely remove borders, a bit too well unfortunately. Doing this also removes the borders that draw on the event that an item in either the source or target list of the picklist is selected. I've tried to selectively remove borders from tables but I'm having no luck. How can I maintain the selection behavior of the picklists while removing all other table related borders?