Hi Everyone! Whenever i open my website in Internet Explorer it doesn't display grey background image behind the main navigation i.e where Overview, Download buttons are places. However the site works fine with Google Chrome and Mozilla firefox. Also whenever i open my site there is a jerky movement in navigation bar and header. So plz guys help me to get rid of these two problems. Website Url: http://www.pdfsecurityremoval.com CSS Code: @charset "utf-8"; /* CSS Document */ body, ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, img { border: 0; padding: 0; margin: 0; } body { font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 20px; color: #000; background-color: #eeeeee; } a { color: #3399cc; text-decoration: none; } a:hover { text-decoration: underline; } .style { font-size: 14px; font-weight: bold; color: #036; } h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color: #000; }#content .title_1 { padding-bottom: 35px; } #content .title_2 { font-size: 20px; } #content .title_3 { font-size: 18px; } #top_header { width: 920px; margin-left: -480px; position: absolute; left: 50%; top: 0; background-color: #FFF; padding-right: 20px; padding-left: 20px; } .center { text-align: center; } #logo { float: left; padding-top: 5px; padding-bottom: 5px; } #menu { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(PIE.htc); height: 36px; background-image: url(../images/menu_image.gif); background-repeat: repeat-x; width: 900px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #cccccc; border-left-color: #cccccc; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #cccccc; border-bottom-color: #cccccc; padding-left: 20px; } #menu ul { list-style-type: none; } #menu li { display: inline; float: left; } #menu a { display: block; padding-right: 28px; padding-left: 28px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #555; padding-top: 8px; padding-bottom: 8px; background-image: url(../images/anchor_image.gif); background-repeat: no-repeat; background-position: right center; } #menu a:hover, #menu .current { background-image: url(../images/menu_hover.gif); background-repeat: repeat-x; color: #FFF; text-decoration: none; } /*#menu .current { background-image: url(../images/current_image.gif); background-repeat: repeat-x; } */ #banner { background-image: url(../images/banner.gif); background-repeat: no-repeat; height: 113px; margin-top: 10px; } #breadcrum { padding-left: 20px; padding-top: 10px; color: #FFF; } #breadcrum a { color: #FFF; } #support { float: right; padding-top: 10px; } #page { position: absolute; width: 100%; top: 246px; } #content { width: 920px; margin-right: auto; margin-left: auto; background-color: #FFF; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; } #content p { padding-top: 5px; } #content .list_1 { padding-top: 8px; } #content .read_more { padding-top: 5px; background-image: url(../images/bullets_1.gif); background-repeat: no-repeat; background-position: left 10px; padding-left: 15px; } #top_con { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(PIE.htc); border: 1px solid #cccccc; width: 910px; padding-bottom: 10px; padding-left: 10px; position: relative; background-image: url(../images/content_image.gif); background-repeat: repeat-y; padding-top: 10px; } #left { float: left; width: 650px; padding-top: 10px; padding-right: 10px; } #left .left_panel { padding-bottom: 20px; } #left .para { padding-top: 20px; padding-bottom: 10px; } #right { float: right; width: 229px; background-color: #eeeeee; padding-left: 10px; padding-right: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #cccccc; padding-top: 10px; } #right .right_panel { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; padding-top: 10px; padding-bottom: 10px; } #right .right_panel.end { border-bottom-style: none; } #right p { padding-top: 8px; } #bottom { margin-top: 20px; background-color: #EEE; border: 1px solid #cccccc; padding: 10px; } #bottom .bt_left { float: left; width: 195px; background-image: url(../images/partiton_line.png); background-repeat: no-repeat; background-position: right center; padding-right: 10px; padding-left: 15px; padding-top: 10px; } #bottom .bt_left.end { background-image: none !important; } #footer { width: 960px; margin-right: auto; margin-left: auto; font-size: 10px; padding-top: 10px; padding-bottom: 10px; height: 20px; background-color: #FFF; } #footer a { font-size: 10px; } #footer .f_lt { float: left; padding-left: 20px; } #ft_rt { float: right; margin-right: 20px; } #footer .f_lt3 { float: left; padding-left: 3px; margin-top: -9px; } #footer .f_lt2 { float: left; padding-left: 11px; } #heading_1 { font-size: 26px; color: #FFF; padding-top: 30px; padding-left: 20px; } .image_right { float: right; padding-right: 5px; padding-left: 40px; } .list li { background-image: url(../images/bullets.gif); background-repeat: no-repeat; background-position: left 8px; padding-left: 18px; list-style-type: none; } .list_1 li { background-image: url(../images/bullets_1.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 18px; list-style-type: none; } .image { float: left; padding-right: 5px; padding-top: 5px; } .clear { font-size: 0px; line-height: 0px; clear: both; height: 0px; width: 100%; } .tbl { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-left-color: #CCCCCC; } .tbl td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #CCCCCC; border-bottom-color: #F00; padding: 7px; text-align: center; } .tbl .red { font-size: 12px; font-weight: bold; text-align: center; color: #FF0000; } .tbl .left { text-align: left; } .tbl .blue { background-color: #C00; color: #FFF; } .tbl .light_color { background-color: #CFC; color: #FFF; } .tbl .black { color: #000000; font-weight: bold; background-color: #CFC; } .tbl .title { font-size: 16px; color: #FFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }.boldred { font-size: 18px; color: #F00; font-weight: bold; } Page Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PDF Security Remover Software by Estelar Software Group - Removes PDF Restrictions Instantly</title> <meta name="description" content="Estelar PDF security remover Software provides a dynamic and instant solution on secured PDF files. PDF Security Remover makes PDF available for print, copy or edit by removing restrictions." /> <meta name="keywords" content="PDF Security Remover, Remove PDF Security, Print Secured PDF File, Software to Remove PDF Security, PDF Security Removal Software" /> <link href="css/pdf-security-remover.css" rel="stylesheet" type="text/css" /> <link href="favicon.ico" rel="shortcut icon" /> <style type="text/css"> <!-- .style1 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style2 { font-size: 18px } .style3 {font-size: 14px} --> </style> </head> <body> <div id="page"> <div id="content"> <div id="top_con"> <div id="left"> <div class="left_panel"> <h1>PDF Security Removal Process Made Easy</h1> <p align="justify"><strong>PDF Security Removal Software – A Vibrant Solution to Remove PDF Restrictions. Advanced PDF Security Remover to Remove PDF Security</strong><img src="images/Estelar pdf unlock process400.png" alt="Print Secured PDF File" width="400" height="215" class="image_right" /></p> <p align="justify">Now if you are in an urgent need to copy some content from a secured PDF document then you can give a try our <strong><a href="http://www.pdfsecurityremoval.com/" title="PDF Security Removal">PDF security removal</a></strong> software which quickly removes the all kind of restrictions and made the PDF file available to you for further use. No other alternative methods are very successful to remove the PDF file security. If you have tried all the other alternatives and you were unable to solve this issue and then you can certainly give a try to our PDF Security removal software. </p> <div class="para"> <div class="center"><a href="http://www.pdfsecurityremoval.com/downloads/pdf-security-removal.exe" rel="nofollow"><img src="images/download.gif" alt="pdf security remover" width="200" height="97" border="0" /></a> <a href="http://www.pdfsecurityremoval.com/purchase.html"><img src="images/order.gif" width="200" height="97" alt="secured pdf unlock" /></a></div> <p align="justify">Most of the PDF file users start facing challenges, while they want to copy some content from a secured PDF file. A secure PDF file does not allow users to copy edit and print its content and it becomes a bothersome matter. PDF files are made secured by the author to defend their content from unauthorized modification, editing, copy and printing.</p> <h2 class="title_2"> </h2> <h2 class="title_2">Remove PDF Security with PDF Security Removal<br /> </h2> <div class="list"></div> <p align="justify">Estelar PDF Security Remover Software will allow you to save your file after removing all the encryption. The newly created file will allow you to modify the PDF file document as per your need. You can edit copy or print data from the PDF file to word document format. Estelar PDF security removal tool comes with powerful features to unlock a password protected PDF file. It keeps the PDF file content in its original shape. Also this advanced <strong><a href="http://www.pdfsecurityremoval.com/">PDF security removal tool</a></strong> is a standalone utility and users does not require any kind of special program to complete the PDF security removal process. </p> <h3 class="title_3"> </h3> <h3 class="title_3">Advanced Features of PDF Security Remover </h3> </div> <div class="list"> <div align="justify">Eradicate all the local PDF securities in a single click. Creates a New version of PDF document without any restrictions. Standalone software provides user-friendly interface. Success fully hands all the versions of Acrobat Reader. All the above advanced features will allow accomplishing your goal on timely manner. So without wasting your time on other useless alternatives you download the free evaluation version to review the advanced features of this tool. </div> </div> <p><strong><span class="title_3 style3">Instructions to Download and Install</span></strong> </p> <div class="list_1"> <ul> <li>Download <u><strong><a href="http://www.pdfsecurityremoval.com/dl/pdf-security-removal.exe">Estelar PDF Security Removal Software.</a></strong></u></li> <li>Install <em>PDF Security Removal</em></li> <li>Go to Start Menu>> Programs >><strong>Estelar PDF Security Removal</strong></li> <li>Click on the <strong>Import File</strong> button.</li> <li>Click on <strong>SaveAs </strong>File button.</li> <li>Click on <strong>Unlock PDF File</strong> button to Break all the Security Restricions</li> </ul> </div> </div> </div> <div id="right"> <marquee bgcolor="#000000"> <font color="#00FF00">Enjoy the great discount and get PDF Security Removal Software for US$19 instead of the regular Price US$29.</font> </marquee> <p><strong><a href="http://www.pdfsecurityremoval.com/dl/pdf-security-removal.exe">Try Estelar PDF Security Removal for free.</a></strong></p> <p><span class="center"><a href="http://www.pdfsecurityremoval.com/dl/pdf-security-removal.exe"><img src="images/sidebardemo.png" width="230" height="149" alt="estelar pdf" /></a></span></p> <p><strong>If you love it, <a href="http://www.pdfsecurityremoval.com/purchase.html">pay only US $19.00 for full licensed version.</a></strong></p> <div class="list_1"> <p class="center"><img src="images/moneybackshield.png" width="190" height="188" alt="unlock secured pdf online" /></p> <p class="center"><strong>Buy with 100% confidence!</strong></p> <p class="center">We are happy to offer a 60 day money back guarantee. If in case our software fails to meet our users requirements. </p> <p class="center"><span class="center style1"><img src="images/Softwarebox-highres.png" alt="Print Secured PDF files" width="200" height="271" /></span></p> <p class="center"><img src="images/estelar-satisfaction- award copy.png" alt="Estelar Awards" width="230" height="100" class="bt_left" /></p> </div> </div> <div class="clear"></div> </div> <div id="bottom"> <div class="clear"></div> <div class="bt_left"> <span class="style">Online Support</span><br/> <p> <img src="images/pdf-support.gif" alt="client" width="50" height="50" class="image" /> At Estelar our technical support staff is ready to help our customers <strong>24x7</strong>. . <a href="http://www.pdfsecurityremoval.com/support.html" rel="nofollow">Read More...</a></p> </div> <div class="bt_left"> <span class="style">Watch How it Works</span><br/> <p> <img src="images/works.gif" alt="client" width="50" height="50" class="image" />Check out our Software video and see how Software works... </p> <p><a href="http://www.pdfsecurityremoval.com/demo.html" rel="nofollow">Read More...</a></p> </div> <div class="bt_left"> <span class="style">Client Testimonial</span><br/> <p> <img src="images/client.gif" alt="client" width="50" height="50" class="image" />People love using Estelar PDF Security Removal. See what they're saying... <a href="#" rel="nofollow">Read More</a></p> </div> <div class="bt_left end"> <span class="style">Purchase online</span><br/> <p> <img src="images/purchase.gif" alt="client" width="50" height="51" class="image" />Time to Purchase - Estelar PDF Security Removal Tool - Online Purchase facility. <a href="http://www.pdfsecurityremoval.com/purchase.html" rel="nofollow">Read More</a></p> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div id="footer"> <div class="f_lt"> <p> Copyright 2011© <a href="http://www.pdfsecurityremoval.com/" title="PDF Security Removal">www.pdfsecurityremoval.com</a>. All Rights Reserved. </p> </div> <div class="f_lt2" id="ft_rt"> <a href="http://www.pdfsecurityremoval.com/" title="PDF Security Removal Tool">PDF Security Removal</a> | <a href="http://www.pdfsecurityremoval.com/sitemap.html" title="HTML Sitemap of PDF Security Removal Tool">HTML Sitemap</a> | <a href="http://www.pdfsecurityremoval.com/sitemap.xml" title="XML Sitemap of PDF Security Removal Tool">XML Sitemap</a> <div class="clear"></div> </div> <div class="f_lt3" id="social"><a href="http://www.facebook.com/pages/Estelar-Group/198538440217018"><img src="images/677166248 copy.png" width="32" height="32" /></a> <a href="http://twitter.com/#!/EstelarSoftware"><img src="images/twitter_logo1.png" width="32" height="32" /></a> <a href="http://www.linkedin.com/pub/pamella-alford/3b/a03/2b"><img src="images/linkedin_35x35.png" width="32" height="32" /></a> <a href="http://www.pdfsecurityremoval.com/pdfsecurityremoval-feed.xml"><img src="images/rssicon1.png" width="32" height="32" /></a> <a href="https://profiles.google.com/estelarproducts"><img src="images/google buzz.png" width="32" height="32" /></a></div> </div> </div> <div id="top_header"> <div id="logo"> <img src="images/estelar-logo_bmp.png" width="207" height="89" alt="logo" /> </div> <div id="support"><div id="ciEtPU" style="z-index:100;position:absolute"></div><div id="scEtPU" style="display:inline"></div><div id="sdEtPU" style="display:none"></div><script type="text/javascript">var seEtPU=document.createElement("script");seEtPU.type="text/javascript";var seEtPUs=(location.protocol.indexOf("https")==0?"https":"http")+"://image.providesupport.com/js/estelarsoftware/safe-standard.js?ps_h=EtPU&ps_t="+new Date().getTime();setTimeout("seEtPU.src=seEtPUs;document.getElementById('sdEtPU').appendChild(seEtPU)",1)</script><noscript><div style="display:inline"><a href="http://www.providesupport.com?messenger=estelarsoftware" rel="nofollow">Live Customer Support</a></div></noscript></div> <div class="clear"></div> <div id="menu"> <ul> <li><a class="current" href="http://www.pdfsecurityremoval.com/">Overview</a></li> <li><a href="http://www.pdfsecurityremoval.com/download.html">Download</a></li> <li><a href="http://www.pdfsecurityremoval.com/demo.html">How it Works</a></li> <li><a href="http://www.pdfsecurityremoval.com/purchase.html">Buy Now</a></li> <li><a href="http://www.pdfsecurityremoval.com/support.html">Support</a></li> </ul> </div> <div id="banner"> <div id="breadcrum"> <a href="http://www.pdfsecurityremoval.com/" title="Estelar PDF Security Removal">PDF Security Removal</a> »</div> <div id="heading_1">PDF Security Remover Software</div> </div> </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-24466190-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script></body> </html><? include('log.php'); ?> Plz Help!
Perhaps it has something to do with your implementing style for IE from http://css3pie.com/ It is in your http://www.pdfsecurityremoval.com/css/pdf-security-remover.css, where the style for <div id="menu"> is defined. Sadly I'm not familiar with css3pie.com's styling, so I guess you'd better review again the way you implement their styling. Hendra
use it background-image: url(../images/menu_hover.gif); look like this background-image: url("../images/menu_hover.gif"); using firebug u get display image ?
make your css define a style specific for IE and it will render properly. You can grab the appropriate code at w3c