I have a detailsview control using which is using the default css page (from the examples).   However when I try to display the  grid I get

a mashup of which shows all of the headers in one line and a * where each of the headers should be....something like this:

  ***************     (this is the control header....it actually shows all of the headers overwritting each other..but I can't duplicate this here..)

       *           8         (this the value)

       *          Yellow

Here is the code:

 <%@ Page Language="C#"
         CodeFile="Equipment_Edit.aspx.cs"
         Inherits="PredominantUse.UI.Equipment.EquipmentEdit"
         MasterPageFile="~/MasterPage.master"
         AutoEventWireup="true"   %>


<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">


   <br />
   <div id="SampleDetailsView" >
      
      <asp:DetailsView  ID="DetailsView1" runat="server"    
                        DataSourceId            ="ObjectDataSource2"
                        DataKeyNames            ="EquipmentId"
                        AutoGenerateRows        ="False"
                        HeaderText              ="Equipment Details"
                        SkinID                  ="SampleDetailsView"
                        CssSelectorClass        ="PrettyDetailsView" >
          <Fields>
              <asp:BoundField    HeaderText="EquipmentId"      DataField="EquipmentId"         />
              <asp:BoundField    HeaderText="Description"      DataField="Description"         />
              <asp:BoundField    HeaderText="LongDescription"  DataField="LongDescription"     />
              <asp:BoundField    HeaderText="ItemNumber"       DataField="ItemNumber"          />
              <asp:BoundField    HeaderText="Model"            DataField="Model"               />
              <asp:BoundField    HeaderText="Volt"             DataField="Volt"                />
              <asp:BoundField    HeaderText="Amp"              DataField="Amp"                 />
              <asp:BoundField    HeaderText="Ph"               DataField="Ph"                  />
              <asp:BoundField    HeaderText="Hp"               DataField="Hp"                  />
              <asp:BoundField    HeaderText="Kilowatt"         DataField="Kilowatt"            />
              <asp:BoundField    HeaderText="ValidatedBy"      DataField="ValidatedBy"         />
              <asp:BoundField    HeaderText="ValidatedDate"    DataField="ValidatedDate"       />
              <asp:BoundField    HeaderText="EnteredDate"      DataField="EnteredDate"         />
              <asp:BoundField    HeaderText="EnteredBy"        DataField="EnteredBy"           />        
              <asp:CheckBoxField HeaderText="IsEnteredByUser"  DataField="IsEnteredByUser"     />
              <asp:CheckBoxField HeaderText="IsDeleted"        DataField="IsDeleted"           />
              <asp:CheckBoxField HeaderText="IsValidated"      DataField="IsValidated"         />  
              <asp:CommandField  ShowInsertButton="True" />
              <asp:CommandField  ShowEditButton="True" />
              <asp:CommandField  ShowDeleteButton="True" />  
          </Fields>
      </asp:DetailsView>
   
      <asp:Button  ID="btnCancel" runat="server" text="Cancel" OnClick="btnCancel_click" />
   </div>
    <br />
    <br />
       
       
    <asp:ObjectDataSource  
              OnUpdated="Equipment_Updated"
              OnInserted="Equipment_Inserted"
              OnDeleted="Equipment_Deleted"
              ID="ObjectDataSource2"
              runat="server"
              SelectMethod="GetEquipmentByID"
              DeleteMethod="DeleteEquipment"
              InsertMethod="InsertEquipment"
              UpdateMethod="UpdateEquipment"
              TypeName="PredominantUse.BLL.Equipment"
              DataObjectTypeName="PredominantUse.BLL.Equipment">
       <SelectParameters>
           <asp:QueryStringParameter Name="EquipmentId" querystringfield="EquipmentId" defaultvalue="1" />
       </SelectParameters>            
    </asp:ObjectDataSource>
     
 
</asp:Content>

This was working as a regular control before converting to CSSFriendly and the nature of the problem leads me to think that this is a bug in CSSFriendly.   I had another problem in CSSFriendly which I found and the solution to...but which was was a bug so I know that there are still problems with this code.  Any help here would be appreciated.   Thanks.

 I found the problem.   I had not included the line

<link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" /> 

in the *.master file.... 

(I knew I had to include a line for the menus, but did not know about this line...opps)  now everything is working.  The strange thing was that without this line the details did display under some conditions, but not all conditions...which was why it looked like a bug.   I really like this CSSFriendly code.  Thanks to the writers. 

 I forgot to post that I found the solution to this problem.   The problem was in masterpage.   I forget the exact problem, but I was missing a parameter value.  This was no problem for the non-CSSFriendly controls, but caused the mashed up with CSSFriendly.