View Full Version : IE8 -div shows at bottom of screen in wrong place?!

11-09-2009, 11:45 AM

on my website under Sherwin Williams

When you search a color under Sherwin Williams, the result of colors apears at the bottom of the page in IE8?!

Can someone please help?


#moreColorChoice {
margin-left: 10px;
height: 78px;
width: 180px;
float: left;
position: relative;
#moreColorChoice label {
font-weight: bold;
#moreColorChoice input {
left: 0px;
top: 18px;
position: absolute;
width: 170px;
#moreColorChoice span {
right: 5px;
top: 18px;
position: absolute;
#moreColorChoice img {
border-width: 0px;
border-style: none;
#moreColorChoice div {
left: 0px;
bottom: 5px;
position: absolute;
height: 25px;
width: 174px;
border: 1px solid #999999;
z-index: 2px;


<a href="javascript:choicechange('colour','Sherwin Williams');" id="colourSherwinWilliams" title="Sherwin Williams"><img src="/sitestyle/modules/code/shutters/colours/paint-sw-small.jpg" alt="Sherwin Williams" width="70" height="70" /><br /><span>Sherwin Williams</span></a>
<!-- <a href="javascript:choicechange('colour','Benjamin Moore');" id="colourBenjaminMoore" title="Benjamin Moore"><img src="/sitestyle/modules/code/shutters/colours/paint-sw-small.jpg" alt="Benjamin Moore" width="70" height="70" /><br /><span>Benjamin Moore</span></a>
<div id="moreColorChoice" style="display: none">
<label for="testinput">Search colors <img src="/sitestyle/images/help-icon-kh.gif" alt="help" width="11" height="11" title=" header=[Custom Color] body=[Pick a Sherwin Williams color Simply type the name, color or code into the box here for custom color shutters] cssheader=[ttheader] cssbody=[ttbody]"/></label><br />
<input type="text" id="Color_Search" name="Color_Search" onclick="colorName = this.value;this.value = ''" onBlur="if(this.value == ''){this.value = colorName;}"/>
<span id="color_indicator" style="display: none"><img src="/sitestyle/images/spinner.gif" alt="Working..." /></span>
<div id="currentColor"></div>