When I attempt to place the search on top of the megamenu (just like in the t3-framework.org site aka this site) everything appears to work just fine in IE8, Chrome and Firefox. But when I view it in Safari the search icon is all of a sudden moved to the left and interferes with the menu itself. Any ideas? Thanks in advance.
Here is my code from the custom css:
.head-search {
float: right;
margin-top: -14px;
display: inline-block;
z-index: 9999;
position: fixed;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.head-search form {
margin: 0;
float: right;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.head-search label {
display: none;
}
.head-search .input {
background: url("../../../templates/t3_blank/images/ico/search.png"
no-repeat 8px center;width: 0px;
padding-left: 30px;
border: 0px;
}
.head-search .input:focus {
color: #fff;
width: 180px;
}
.head-search .input:focus{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
edit: acc tagged this as 1.2.6 instead of 1.2.3
