Better styles for hidden (voice) elements and attachments list icons

skins/larry/styles.css

@@ -37,7 +37,13 @@ img {
 
 .voice {
 	position: absolute;
-	top: -1000px;
+	border: 0;
+	clip: rect(0 0 0 0);
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
 }
 
 input[type="text"],
@@ -2769,14 +2775,15 @@ ul.toolbarmenu li span.copy {
 	padding: 0;
 	text-decoration: none;
 	text-indent: -5000px;
-	background: url(images/buttons.png) -7px -337px no-repeat;
+	background-image: url(images/buttons.png);
+	background-position: -6px -338px;
+	background-repeat: no-repeat;
 }
 
 .attachmentslist li a.cancelupload {
-	background-position: -7px -377px;
+	background-position: -6px -378px;
 }
 
-
 /*** fieldset tabs ***/
 
 .tabbed.ui-tabs {

skins/larry/templates/compose.html

@@ -175,7 +175,7 @@
 		<div style="text-align:center; margin-bottom:20px">
 			<roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform(event);return false" tabindex="1" />
 		</div>
-		<roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" />
+		<roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" tabindex="1" />
 		<roundcube:object name="fileDropArea" id="compose-attachments" />
 	</div>
 <!--