From 0b946fd86405c143d6bd3e70a6863d2b777e2ee4 Mon Sep 17 00:00:00 2001
From: Jeremy Bridson <jeremy@silverstripe.com>
Date: Tue, 10 Apr 2012 14:54:07 +1200
Subject: [PATCH] BUGFIX:fixed text-indent issues with search-form in IE

---
 css/layout.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/css/layout.css b/css/layout.css
index 325a6a4..999af96 100755
--- a/css/layout.css
+++ b/css/layout.css
@@ -44,9 +44,9 @@ a.btn:hover{background:#d80000; color:#fff;}
 .search-bar form {margin:10px 0 0 0; float:right; width:200px;}
 .search-bar form fieldset {position:relative; padding:0; margin:0;background:#ededed; border:1px solid #888; border-radius:4px;}
 .search-bar form div.field {margin:0;}
-.search-bar form div.field .middleColumn {float:none; width:100%;}
-.search-bar form input.text {text-indent:32px; float:left; color:#888; margin:0; border:0px; border-radius:4px; background:transparent;}
-.search-bar form input.action {background:transparent url(../images/search-icon.png) 5px 5px no-repeat; text-indent:-9999em; position:absolute; left:0px; cursor:pointer; height:32px; width:35px; border:none;
+.search-bar form div.field .middleColumn {float:none; width:100%; overflow:hidden;}
+.search-bar form input.text {padding-left:32px; float:left; color:#888; margin:0; border:0px; border-radius:4px; background:transparent;}
+.search-bar form input.action {display:block; font-size:0; line-height:0; background:transparent url(../images/search-icon.png) 5px 5px no-repeat; text-indent:-9999em; position:absolute; left:0px; cursor:pointer; height:32px; width:35px; border:none;
 							border-top-left-radius:4px; border-bottom-left-radius:4px; padding:0;}
 .search-bar form input.action:active {background:transparent url(../images/search-icon-active.png) center 5px no-repeat;}
 .search-bar form input:focus, .header textarea:focus {outline:none; background:#fff;}
@@ -149,7 +149,7 @@ aside{float:left; width:20%; margin-top:17px;}
 .search-bar {z-index:200; position:absolute; top:50px; display:none; padding:5px 0; height:32px; margin:0; background-color:#303030;-webkit-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.3);box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.3);}
 .search-dropdown-icon {display:block; cursor:pointer; width:20px; height:20px; position:absolute; right:10px; top:14px; font-family:'WebSymbolsRegular'; font-size:20px; color:#ededed; text-align:center; line-height:20px;}
 .search-bar .search-bubble-arrow {display:block; height:20px; width:20px;position:absolute; right:14px; top:-12px; font-family:'WebSymbolsRegular'; font-size:20px; color:#303030; text-align:center; line-height:20px;}
-.search-bar form {display:none; float:right; margin:0 5px; height:32px;}
+.search-bar form {display:none; float:right; margin:0 6px; height:32px;}
 
 /* Main Content */
 .main{padding:20px 0 45px;}