.tip { width: 212px; padding-top: 37px; overflow: hidden; display: none; position: absolute; z-index: 500; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZPd8DMhwnANASq6Jx-PjV1YrzTqr32TrLRS3u0cuT9t6Xu5EgBa7j8Qo03hhkCMi9srGpnSWjIqEQFVm3IGzsNtcutz7VxWToLwo1CcoeEAswjY3QXqJ5ySvIE6rAyxyyPRGySljsx4Y/s1600/hb_tipTop.png) no-repeat top; } .tipMid { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCh_HEnslU8N2xYskeNnPZoVejbhhnb9FwZTzrTK9hQx7s5LSXZpIHraxMTxKtrVQGsye10MdGjAbqz148NygAHHB1W4vRlFqPlg8lFnpzY3S2Glzq138o5Uw3CnVhs74R-umtcJ57Hs/s1600/hb_tipMid.png) repeat-y; padding: 0 25px 20px 25px; } .tipBtm { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglIM0PPCiwZhiLQ5tdtqhuk8FoAkuDRfZuP2jXfx_yOinBOtHWcBgKhbJbs1HNO0w2VENgNSvd16RpbnTeO_JUyhlTfGCoTJJM6_VujCeTZ7jYe-h34Uv4v0llEspwULNhbYAHXWhhypY/s1600/hb_tipBtm.png) no-repeat bottom; height: 32px; }