Szerokość kolumny - JSF

Mam plik index.xhtml gdzie mam ustawiona klase "komorka" a w pliku style.css jej szerokosc na 500px. Problem jest taki, że nie rozszerza mi kolumny tak jak powinno. Zerknijcie na poniższy kod :

index.xhtml

 
<ui:composition template="/szablon.xhtml">
	
	<ui:define name="content">
	  	<h:panelGrid columnClasses = "komorka" columns="2">
     	<ui:include src="/kategorie.xhtml" />
          <h:panelGroup>
      		<h:form>
      			<h4>Koszyk</h4>
      			<h:commandLink value="Przejdz"/>
      			<h4>Przejdz do wybranego produktu</h4>
      			<h:selectOneMenu>
      				<f:selectItem itemLabel="Procesor Quad" itemValue="procesor_quad"/>
      				<f:selectItem itemLabel="Procesor Dual" itemValue="procesor_dual"/>
      				<f:selectItem itemLabel="Procesor Celeron" itemValue="procesor_celeron"/>
      			</h:selectOneMenu>
      			<h:commandButton value="Idz"/>
      		</h:form>	
          </h:panelGroup>
     	</h:panelGrid>
    </ui:define>

</ui:composition>
</html>

style.css:

1. Zobacz czy w html klasa sie ustawila
2. Sprawdz w firbugu czy nic jej nie nadpisuje

To co generuje strona to html, także możesz odpalić stronę kliknąć lewym przyciskiem myszy i wybrać opcję "zbadaj element" - i nagle przenieść się w świat cudownej możliwości... znalezienia przyczyny tegoż skomplikowanego problemu.