Basic Rules

1. Use small letters to name classes and id’s . eg: #footer, .round

2.
a.  Use hyphen (-) to separate mutiple words. eg: #main-container, .round-box,

Or

b. Use uppercase to separate multiple words. eg: #mainContainer, .roundBox

I am just copying it for easy reference.

Look in thickbox/thickbox.css

Around line 50, change all the below

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

To

#TB_window { /* my IE7 Hack*/
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
bottom:10%;
left:50%;
}

Download Live Example

Sample Rounded Box

The Rounded Box will look like this. This rounded box uses two background images, one at the top and the other at the bottom.

HTML Markup

<div class="rbox">
<div class="heading"> Rounded Box </div>
<div class="boxContent">
Your content goes here
</div>
</div>

CSS Code

.rbox {
width: 188px; /*The width of the images */
background-image: url('rboxBottom.gif');
background-position: bottom;
background-repeat: no-repeat;
border-bottom: solid 1px white; /*If this is omitted, it wont work in Firefox*/
}
.rbox .heading {
padding-left: 10px;
background-image: url('rboxHead.gif');
border-bottom: solid 1px #cccccc;
}
.rbox .boxContent {
margin-bottom: 18px; /* The height of the bottom image*/
border-right: solid 1px #cccccc;
border-left: solid 1px #cccccc;
padding: 10px;
}

Download Live Example