selectItem aparecendo com colunas do selectitems como resolver ? JSF com PrimeFaces

Front-end
#1 
<p:selectOneMenu  value="#{produtoBean.objeto.idProduto}" converter="produtoConverte" items="#{produtoBean.objeto.idProduto}" var="p" panelStyle="width:190px" style="width:250px" effect="fold" filter="true" filterMatchMode="startsWith">
<f:selectItem  itemLabel="Selecione o produto" itemValue="#{null}"/>
<f:selectItems value="#{produtoBean.produtos}" var="produto" itemLabel="#{produto.marca} - #{produto.nome}" itemValue="#{Produto}"/>
	  <p:column>
 	       <p:graphicImage library="images" name="#{p.idProduto}.jpg" width="40" height="50"/>
	 </p:column>
         <p:column>
               <h:outputText value="#{p.marca} - #{p.nome}" />
         </p:column>
</p:selectOneMenu>

Porem quando eu vou executar em vez de aparecer assim:

Porem aparece assim:

https://goo.gl/photos/uR43zz9c5is55zPBA