I have a CSS popup for the entire meta box. (Blue Life Theme)
original:
.snip-meta {
position: relative;
float: right;
clear: right;
min-width: 15%;
}.snip-label {
padding: 3px;
width: auto;
background:#ffc;
border:1px solid #cc6;
font-size: 8px;
line-height: 8px;
font-weight: bold;
margin-bottom: 2px;
clear: right;
width: 100%;
}.snip-attachments {
border: 1px solid #eeeeee;
background: #eeeeee;
padding: 3px;
width: auto;
font-size: 8px;
line-height: 8px;
font-weight: bold;
margin-bottom: 10px;
clear: right;
width: 100%;
}my version:
.snip-meta {
float: right;
clear: right;
width: 10px;
height: 100px;
background-color: #999;
}.snip-meta:hover {
width: auto;
height: auto;
background-color: #FFF;
}.snip-meta .snip-label {
display: none;
padding: 3px;
width: auto;
background:#ffc;
border:1px solid #cc6;
font-size: 10px;
line-height: 10px;
font-weight: bold;
margin-bottom: 2px;
clear: right;
width: 100%;
}.snip-meta:hover .snip-label{
display: block;
}.snip-meta .snip-attachments {
display: none;
border: 1px solid #003366;
padding: 3px;
width: auto;
font-size: 10px;
font-weight: bold;
margin-bottom: 10px;
clear: right;
width: 100%;
}.snip-meta:hover .snip-attachments {
display: block;
}