#logo_preview_box { /* Control the beast */ position: relative; display: inline-block; max-width: 420px; /* Make it purty */ padding: 5px 5px 0 5px; border: 1px solid #EFEFEF; -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; box-shadow: inset 1px 1px 0px 0px #ffffff; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ebebeb; } .media_preview { position: relative; display: inline-block; width: auto; max-width: 100%; } #logo_preview_box #delete_logo_image, .media_preview .media_delete { cursor: pointer; position: absolute; right: 0; top: 0; } #logo_preview_box img#logo_preview { border: 1px solid #DBDBDB; -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; box-shadow: inset 1px 1px 0px 0px #ffffff; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px; background: url('../images/brillant.png'); width: 410px; height: auto; } .media_preview img.media { border: 1px solid #DBDBDB; -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; box-shadow: inset 1px 1px 0px 0px #ffffff; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px; background: url('../images/brillant.png'); max-width: 100%; width: auto; height: auto; }