Mon, 2009-03-02 04:52
Hi. I've never had this conflict before... IE7, and FF - when hovering over the contact box, comment form, and links - especially the bottom links. The body background, which is tiled, appears to "flash" - I'm not referring to the known IE flicker with certain elements that have background attributes... I've broken down the code numerous times, and taken out all divs, forms, etc. to find the conflict, but still have the issue. This doesn't seem to happen if I don't use a tiled background, and it doesn't do it all the time, e.g., when re-visiting the page, or after refreshing the page. I also noticed that it depends on the position of the scrollbar of the browser and the div scrollbox... What could be the problem? Thanks.
About Me:
<style> body { background-color: 000000; background-image: url('http://i176.photobucket.com/albums/w187/shan-01image/CarbonMiniTile_4px.gif'); background-position: top left; background-repeat: repeat; background-attachment: fixed; scrollbar-face-color: 000000; scrollbar-track-color: 929292; scrollbar-arrow-color: CDCDCD; scrollbar-3dlight-color: AAAAAA; scrollbar-shadow-color: 929292; scrollbar-highlight-color: 000000; scrollbar-darkshadow-color: 000000; } .bodyContent { background-color: 000000 !important; } img { border: 0px; } table td img { display: none; } table table td img, div table td img { display: block; } table td { width: auto !important; } table table table table td { width: auto; } table { background-color: transparent; border-top-width: 1px; border-top-style: dotted; border-top-color: C1C1C1; } tr { background-color: transparent; border: none; } td { color; 333333; background-color: 000000; border: none; } table table td { width: 100%; } table table { border: none; } table table table table { background-color: transparent; background-image: none; border: none; } table table table { background-color: 000000; border-color: 191919; border-width: 1px; border-style: solid; } .contactTable { width: 300px !important; height: 150px !important; padding: 0px !important; background-image: url('http://i176.photobucket.com/albums/w187/shan-01image/MSContact_Sym_BW3.png'); background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-color: transparent; } .contactTable table, table.contactTable td { padding: 0px !important; border: 0px; background-color: transparent; background-image: none; } .contactTable a img { visibility: hidden; border: 0px !important; } .contactTable a { display: block; height: auto; width: auto; } .contactTable .text { font-size: 1px !important; } .contactTable .text, .contactTable a, .contactTable img { filter: none !important; } .bodycontent table tbody tr td table tbody tr td div div { background-color: transparent; border-top-width: 1px; border-top-style: dotted; border-top-color: C1C1C1; } .profileWidth { background-color: 191919 !important; position: center center; } ul li a small, ul li a:active, ul li a:visited, ul li a:link { color: 595959 !important; } ul li a.open small, ul li a:hover, div ul li a.open:link { color: 710F0F !important; background-color: 191919 !important; } a, a.man, a.searchlinkSmall { color: 595959 !important; font-family: arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } a:link, a.man:link, a.searchlinkSmall:link { color: 595959 !important; font-family: arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } a:visited, a.man:visited, a.searchlinkSmall:visited { color: 595959 !important; font-family: arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } a:hover, a.man:hover, a.searchlinkSmall:hover { color: 710F0F !important; font-family: arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: underline !important; text-transform: none; } a:active, a.man:active, a.searchlinkSmall:active { color: 595959 !important; font-family: arial; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: none; } .blacktext12 { color: 333333 !important; } .redtext, .redbtext, .blacktext10, .btext { display: none; } .nametext { font-family: arial; font-size: 20px; color: FFFFFF!important; font-weight: bold; font-style: normal; text-decoration: none; } span.whitetext12 { display: none; font-family: arial; font-size: 12px; color: 191919 !important; font-weight: bold; font-style: normal; text-decoration: none; background-color: 000000; } span.orangetext15 { display: none; } .lightbluetext8 { font-family: arial; font-size: 12px; color: 929292 !important; font-weight: bold; font-style: normal; text-decoration: none; } .profileInfo td td.text{ color: 555555 !important; } .profileInfo td { color: 333333 !important; } .userProfileDetail td, .userProfileDetail td a, .interestsAndDetails td { color: 333333 !important; font-family: arial !important; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none !important; text-transform: none; } table div div { color: 333333 !important; border: none; } table div div span { color: 333333 !important; } table div font { color: 444444; font-family: verdana, arial; font-size: 9px; } .latestBlogEntry { width: 444px; } .blurbs { width: 444px; } .friendSpace, .friendsComments { display: none; } .extendedNetwork { width: 444px; height: 75px; } .extendedNetwork { position: relative; margin-top: -14px; margin-bottom: -1px; border-width: 1px; border-style: solid; border-color: 191919; } table .extendedNetwork { margin-left: -1px; margin-right: -1px; } </style> <div style="text-align: center;margin-left: auto;margin-right: auto;width: 430px;height: 341px;overflow: scroll;overflow-x: hidden;border: none;clear: both; scrollbar-face-color: 000000; scrollbar-track-color: 929292; scrollbar-arrow-color: CDCDCD; scrollbar-3dlight-color: AAAAAA; scrollbar-shadow-color: 929292; scrollbar-highlight-color: 000000; scrollbar-darkshadow-color: 000000;"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <img src="http://i176.photobucket.com/albums/w187/shan-01image/MS-Dime66-04_SM.gif" height="213" width="177" style="display: block; margin: 0 auto;" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <img src="http://i176.photobucket.com/albums/w187/shan-01image/MSBLS-SDMF-Logo_SM3.gif" height="215" width="215" style="display: block; margin: 0 auto;" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <img src="http://i176.photobucket.com/albums/w187/shan-01image/GIFD_SM.png" height="80" width="100" style="display: block; margin: 0 auto;" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <img src="http://i176.photobucket.com/albums/w187/shan-01image/MSCFH_97.gif" height="97" width="97" style="display: block; margin: 0 auto;" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <img src="http://i176.photobucket.com/albums/w187/shan-01image/MSStar1.gif" height="97" width="97" style="display: block; margin: 0 auto;" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <img src="http://i176.photobucket.com/albums/w187/shan-01image/MSDividerDots1b.gif" height="7" width="325" style="display: block; margin: 0 auto;" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a href="http://www.myspace.com/bloodfaucet6" target="_blank"><img src="http://i378.photobucket.com/albums/oo223/bloodfaucetimage/MSBFBanner_Anim1.gif" /></a> <br /> <br /> <br /> </div>
Who I'd Like To Meet:
<br /> </td> </tr> </td> </tr> </table> </td> </tr> </table> <br /> <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="444" bgcolor="ffcc99" border="0"> <tr> <td class="text" valign="top" align="left" width="300" bgcolor="ffcc99" height="17" style="word-wrap:break-word;padding-left:12px;"><p><span class="orangetext15">Comments</span></p> </td> </tr> <tr> <td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="444" align="center" bgcolor="ffffff" border="0"> <td valign="top" align="left" width="444" bgcolor="ffffff" style="word-wrap:break-word;"> <div style="text-align:center;"> <br /> <form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25maXJtQ29tbWVudA=="><input name="friendID" value="162756701" type="hidden" /><textarea name="f_comments" cols="47" rows="5" style="overflow:hidden;background-color:333333; scrollbar-face-color: 000000; scrollbar-track-color: 929292; scrollbar-arrow-color: CDCDCD; scrollbar-3dlight-color: AAAAAA; scrollbar-shadow-color: 929292; scrollbar-highlight-color: 000000; scrollbar-darkshadow-color: 000000; color: FFFFFF; font-family: arial; font-size: 13px; border:solid; border-width:1px; border-color: 555555;"></textarea><br /><input type="submit" value="Comment" style="border:solid; border-width:1px; border-color: 555555; background-color: 000000 !important;color: C1C1C1;font-size:11px;font-family:arial;" /><input type="reset" value="Reset" style="border:solid; border-width:1px; border-color: 555555; background-color:#000000 !important;color: C1C1C1;font-size:11px;font-family:arial;" /></form> </div> <table class="containBottomLinks"><tr><td> </style></span>
http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=162756701
:?
