Question: My xsl file like below:

```
 <SELECT>
  <xsl:attribute name="name">Team</xsl:attribute>
  <xsl:attribute name="size">1</xsl:attribute>
  <xsl:attribute name="onchange">selTeam_onclick()</xsl:attribute>
  <xsl:if test='.[z:row]'>
    <xsl:for-each select="z:row">
      <OPTION>
        <xsl:attribute name="value">
          <xsl:value-of select="@TEAM_ID"/>
        </xsl:attribute>
        <xsl:if match='.[@TEAM_ID=@DEFAULTID]'>
          <xsl:attribute name="selected"/>
        </xsl:if>
        <xsl:value-of select="@TEAM_NAME"/>
      </OPTION>
    </xsl:for-each>
  </xsl:if>
  <xsl:if test='.[$not$ z:row]'>
    <OPTION>
      <xsl:attribute name="value">-1</xsl:attribute>
      No Teams
    </OPTION>
  </xsl:if>
</SELECT>

```

For the xml file 

```
<z:row TEAM_ID="1" TEAM_NAME="John" TEAM_LIST_TYPE="PUBLIC" TEAM_EDITABLE="Y" TEAM_OWNER="234"/>
<z:row TEAM_ID="2" TEAM_NAME="Maria" TEAM_LIST_TYPE="PUBLIC" TEAM_EDITABLE="Y" TEAM_OWNER="545"/>
<z:row TEAM_ID="3" TEAM_NAME="Dick" TEAM_LIST_TYPE="PUBLIC" TEAM_EDITABLE="N" TEAM_OWNER="766"/>

```

When i am trying to generate the html through the above xsl file, getting error of xpath expression.

Answer: 
Give `#header` a background color. Currently it's not set and thus transparent. Because of this elements "underneath" `#header` will show.
remove margin on ul & Add top position `#sideNav`

```
#sideNav {
    border-right: 0.02em solid #c1c1c1;
    height: 100%;
    position: fixed;
    top: 70px;
    width: 220px;
    z-index: 504;
}
#sideNav ul {
    list-style-type: none;
    margin-top: 0px;
    padding: 0;
}

```

<https://jsfiddle.net/abxnkveu/2/>