Cfgrid href and cflayout tab

Get Started
1

I have cflayout tab with 3 cflayoutareas each cflayoutarea has a cfgrid
the cfgrids format html have one of there columns have href
Only the hyperlink shows on the first cflayout
here is the code

<cfquery name="sectionList" datasource="#application.dsn#">
 select * from sp.section
 </cfquery>
 <cfquery name="semesterList" datasource="#application.dsn#">
 select * from sp.semester
 </cfquery>
 <CFFORM>
 <cflayout type="tab" name="Courses" >
            
            <cflayoutarea title="Enrolled" name="Enrolled" >
               <cfgrid query="sectionList" selectmode="single" name="grid1" FORMAT="HTML" appendkey="yes">
               <cfgridcolumn name="sectionID"  header="ID" display="no">
               <cfgridcolumn name="sectionName" header="Name" href="testing.cfm" hrefkey="sectionID">
               
               </cfgrid> 
            </cflayoutarea>
            
            <cflayoutarea title="Instructed"  name="Instructed" >
              <cfgrid query="semesterList" selectmode="single" name="grid2" FORMAT="HTML" appendkey="yes" highlighthref="yes">
               <cfgridcolumn name="SemesterID"  header="ID"  href="testing2.cfm" hrefkey="SemesterID" >
               <cfgridcolumn name="SemesterName" header="Name">
               
               </cfgrid> 
            </cflayoutarea>
            
            <cflayoutarea title="Subscribed"  name="Subscribed" >
               <cfgrid query="sectionList" NAME="GRID3" FORMAT="HTML" appendkey="yes"  highlighthref="yes" >
               <cfgridcolumn name="sectionID"  header="ID" display="no">
               <cfgridcolumn name="courseID"  header="ID" href="sectionPage.cfm" hrefkey="courseID" >
               <cfgridcolumn name="sectionName" header="Name" >
               
               </cfgrid> 
            </cflayoutarea>
            
		</cflayout>
        
</CFFORM>

the hyperlink is displayed unde the first grid only