Try this
.meteor p {
background: #000;
min-height:inherit;
max-height:auto;
top: 50px;
left: 30px;
color: #fff;
margin: 0;
padding: 2%;
position: absolute;
text-align: center;
word-wrap: break-word;
text-shadow: 1px 1px 1px #000;
}
your line height was set to 1px, it was moving, but it was only moving down one pixel which is almost unnoticeable. get rid of the line-height, or change it. Add in a word wrap, and a min/max-width and height is optional too.