I’m experiencing a strange behaviour with my <p> tags. There’s an <input> element within a <p>. All my <p> tags have a height of 15px and my <input> element has a height of 16px.
When I examine the page with Firebug it looks like the <input> element is above or under the <p> tags and not within one.
The page is XHTML 1.0 Transitional but the <input> element is not closed — unfortunately I can’t change this because it’s created by PrimeFaces.
I’m sorry but I can’t provide an example.
Try setting the
<p>height to something higher than that of the<input>.If that is not ideal, use
z-indexto put one in front of the other.N.B you need to set
position: absolutefor all items you use thez-indexproperty on.