Q:

Responsive CSS Caption | Mouse Over Image

I would like to show caption on mouse over image – but on mobile, the caption should positioned below the image. Any ideas? http://jsfiddle.net/X8eCV/2/
@media (max-width:600px) {

#caption
{
display:block;
}

}
#caption {
 position:relative;
color:red;
    }
}

A:

Add position:relative to #image
@media screen and (max-width:600px) {
    #caption {
        position:relative;
        color:red;
    }

    #image {
        position:relative;
    }
}

http://jsfiddle.net/dvdyakonov/X8eCV/11/

