Media: IE fixes for attachment selections. props lessbloat. see #22446.

git-svn-id: https://develop.svn.wordpress.org/trunk@22876 602fd350-edb4-49c9-b593-d223f7449a82

wp-includes/css/media-views.css

@@ -476,6 +476,7 @@ a.media-modal-close {
 	margin: 0 10px 20px;
 	color: #464646;
 	list-style: none;
+	text-align: center;
 
 	-webkit-user-select: none;
 	-moz-user-select:    none;
@@ -507,7 +508,12 @@ a.media-modal-close {
 	cursor: pointer;
 }
 
-.attachment .icon,
+.attachment .icon {
+	margin: 0 auto;
+	overflow: hidden;
+	padding-top: 20%;
+}
+
 .attachment .thumbnail {
 	display: block;
 	position: absolute;
@@ -519,12 +525,6 @@ a.media-modal-close {
 	max-height: 100%;
 }
 
-/* Vertically center the icons. */
-.attachment .icon {
-	top: 50%;
-	left: 50%;
-}
-
 .attachment-preview .thumbnail:after {
 	content: '';
 	display: block;
@@ -555,7 +555,6 @@ a.media-modal-close {
 	transform:         translate( 50%, 50% );
 }
 
-.attachment .icon,
 .attachment .thumbnail .centered img {
 	-webkit-transform: translate( -50%, -50% );
 	-moz-transform:    translate( -50%, -50% );
@@ -1024,12 +1023,16 @@ a.media-modal-close {
 
 .media-selection .attachments {
 	display: inline-block;
-	height: 60px;
+	height: 48px;
 	margin-top: 5px;
 	overflow: hidden;
 	vertical-align: top;
 }
 
+.media-selection .attachment img {
+	width: 50%;
+}
+
 .attachment.selection.selected {
 	box-shadow: none;
 }