Tomahawk for JSF 2.0: <t:panelTabbedPane> tabs rendered as buttons

I have followed the coding of the tags as specified in the docs:
http://myfaces.apache.org/tomahawk-project/tomahawk20/tagdoc/t_panelTabbedPane.html

However, the tabs are shown as buttons for me:

I have also seen this thread on Nabble, which suggests using "facelets":
http://old.nabble.com/t%3ApanelTabbed-td32885226.html

But is it really necessary, as these are tags from the standard tomahawk library. Sounds a bit OTT just to get tabs working right.

Any advice would be gratefully accepted.

Many thanks,
Glen

Would you mind posting your code so we can take a look?

Hi there, thank you for the prompt response. My jsp code is below, but note this is a simplified page, though is the code that returned the screenshot I posted earlier.

<?xml version="1.0" encoding="ISO-8859-1" ?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:t="http://myfaces.apache.org/tomahawk" version="2.0">
    <jsp:directive.page language="java"
        contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1" />
    <jsp:text>
        <![CDATA[ <?xml version="1.0" encoding="ISO-8859-1" ?> ]]>
    </jsp:text>
    <jsp:text>
        <![CDATA[ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ]]>
    </jsp:text>
<html xmlns="http://www.w3.org/1999/xhtml">
<f:view>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<title><t:outputText value="#{msg['propertyDetailsMain.page.title']}"/></title>
		<t:stylesheet path="/css/styles.css" />
	</head>
	<body>
		
		<t:panelGrid columns="1" id="pageDiv" styleClass="page">
			
			<t:outputLabel style="margin-left: 10px; font-weight: bold;" id="mainTopTitle" value="#{msg['propertyDetailsMain.top.title']}"/>
			
			<h:form id="backForm">
				<t:commandLink id="backToCpLink" style="margin-left: 10px;" styleClass="textLink" value="#{msg['propertyDetailsMain.back']}" action="userCP"/>
			</h:form>
			
			<t:panelTabbedPane id="tabPane" selectedIndex="1" width="300">
	  		
	  		<t:panelTab id="detailsTab" label="Details">
	  			<t:panelGrid id="detailsBlueBoxGrid" styleClass="blue_box" style="margin-top: 10px; margin-left: 10px; width: 300px; height: 400px;">
						<t:outputText id="detailsTestText" value="Details"/>
					</t:panelGrid>
	  		</t:panelTab>
	  		
	  		<t:panelTab id="photosTab" label="Photos">
	  			<t:panelGrid id="photosBlueBox" styleClass="blue_box" style="margin-top: 10px; margin-left: 10px; width: 300px; height: 400px;">
						<t:outputText id="photoTestText" value="Photos"/>
					</t:panelGrid>
	  		</t:panelTab>
	  		
	  	    </t:panelTabbedPane>
	  
	 
		</t:panelGrid>

</body>
</f:view>
</html>
</jsp:root>

Please excuse the mis-aligned indentations. I just copied and pasted straight from Eclipse and I think some of the tab spaces are different.
So in the code, I have two tab panels (detailsTab) and (photosTab). And the labels are what is in the buttons of my earlier screenshot, which should be tabs instead of buttons.

Thanks,
Glen