#idn-wrapper{ width: 595px; height: 250px; overflow: hidden; margin-top:; padding:0;} #idn1lman { width: 595px; /* important to be same as image width */ height: 250px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #idn1lmanContent { width: 595px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ } .idn1lmanImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .idn1lmanImage span { position: absolute; /* important */ left: 0; font-weight: 660; font-size: 0.834em; color: #ffffff; padding: 20px 15px 50px 13px; height: 30px; width: 595px; background-color: #4e4d3c; filter: alpha(opacity=70); /* here you can set the opacity of box with text */ -moz-opacity: 0.7; /* here you can set the opacity of box with text */ -khtml-opacity: 0.7; /* here you can set the opacity of box with text */ opacity: 0.7; /* here you can set the opacity of box with text */ display: none; /* important */ bottom: 0;/* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image*/ } .idn1lmanImage span a.idn:link, .idn1lmanImage span a.idn:visited { color: #fff; padding: 0px 0px 2px 0px; font-size:18px; font-weight:bold; } .idn1lmanImage span a.idn:hover {color: #999;} .idn1lmanImage span a:link, .idn1lmanImage span a:visited {color: #888;} .idn1lmanImage span a:hover {color: #555;}