Find Page Assistance - Keywords and Popular Photos

[jerryr]

Hi -

My 'find' page
http://www.jrphotosandwebdesign.com/find

Works great in FF and Safari (Windows) but the 'overflow' for the
popular gallery section is not functionality correctly with the IE7 browser :(

Any help would be appreciated. Here is the CSS


#popularPhotos {margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
margin-left: -110px;}
#popularPhotos .boxTop {width: 900px !important; height: 30px !important;}
#popularPhotos .boxBottom {
width: 920px;
height:306px;
overflow:auto;
}
#keywordsBox {margin-top: -82px; margin-right: 0px; margin-bottom: 0px;
margin-left: -110px;}
#keywordsBox .boxTop {width: 900px !important; height: 30px !important;}
#keywordsBox .boxBottom {width: 900px !important; height: 170px !important; overflow: auto;}


#browseKeywords .boxBottom, .keywords .boxBottom, #keywordsBox .boxBottom
{
text-align: justify;
}

Thanks - jerryr

[Barb]

Hi -

My 'find' page
http://www.jrphotosandwebdesign.com/find

Works great in FF and Safari (Windows) but the 'overflow' for the
popular gallery section is not functionality correctly with the IE7 browser :(

Any help would be appreciated. Here is the CSS


#popularPhotos {margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
margin-left: -110px;}
#popularPhotos .boxTop {width: 900px !important; height: 30px !important;}
#popularPhotos .boxBottom {
width: 920px;
height:306px;
overflow:auto;
}
#keywordsBox {margin-top: -82px; margin-right: 0px; margin-bottom: 0px;
margin-left: -110px;}
#keywordsBox .boxTop {width: 900px !important; height: 30px !important;}
#keywordsBox .boxBottom {width: 900px !important; height: 170px !important; overflow: auto;}


#browseKeywords .boxBottom, .keywords .boxBottom, #keywordsBox .boxBottom
{
text-align: justify;
}

Thanks - jerryr
Hi Jerry :)

Think I found it. Look for this towards the bottom of your CSS:

/***************************************************/
/* Sets the Border around the images for hover */
/***************************************************/
a:hover .imgBorder, .imgBorderOn {border: solid 1px;}
.imgBorder {border-color: transparent;
_border-color: #000000; position: relative; top: 0px;left: 0px;}
.datePage a:hover .imgBorder, .datePage .imgBorderOn {border: solid 1px #3399FF;}

Remove the "position: relative;" from the above.

[jerryr]

Hi Barb - thank you thank you !!! :clap

That was the issue - works perfect in IE, FF and Safari

- jerryr :D