Vertical Align Issue

Question

I have following styles which work greate but Vertical-Align:middle or bottom doesn't work in it. every thing inside goes top ofthe div

.Progress
{    
display: inline-block;
z-index: 1000;
width:auto;
height: auto;
background-color: #A9C646;
vertical-align: bottom;
text-align: center;
text-align: -moz-center;
!text-align: center;
position: absolute;
opacity: 0.4;
filter: alpha(opacity = 40);
}

Answer 1

If you have height: auto, then the container will be the size of the items it contains, thus is will always appear at the top. Try giving it a defined height.

Answer 2

hey you can find here css hacks for this issue here

Answer 3

Here you can solve your problem.