Problems when displaying html in internet explorer

I am trying for two weeks to make an HTML code looks good in
IE (internet explorer), but I have been unsuccessful. The code
looks great on Firefox, but really bad in IE. Here is my code
Web
page
Plase help!!!!!!!!!!!!!!!!1

This is not the code on the page you have linked. That page
has no doctype.
It appears you have used ImageReady to write the HTML for
this page (it has
the hallmarks - uppercase tags, unquoted attribute values,
and zillions of
col-/rowspans). Such HTML is notoriously bad for use on the
web. Please
read this to see why I say that -
http://apptools.com/rants/spans.php
Anyhow, I think it's the table code that is letting you down.
Do you know
enough HTML to build this page in DW?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"maxhec-pr" <[email protected]> wrote in
message
news:[email protected]...
> Thanks for your response. Please update the link to the
page, the server
> is
> currently down. The file is now at
>
http://web.ics.purdue.edu/~hsantosv/test.html
>
> I validated the html code with Dreamweaver. I checked
for errors in
> firefox
> and IE, and the application returned zero errors. Also,
I validated the
> html
> code for IE 3.0 and 4.0, Netscape 3.0 and 4.0, HTML 4.0,
and Cold Fusion
> MX7. I
> really don't have a clue of what I am doing wrong. I am
going to attach
> the
> code too.
>
> Thanks for your help
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <HTML>
> <HEAD>
> <TITLE>Purdue-HP Color Central CPWT</TITLE>
> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=iso-8859-1">
> <!-- ImageReady Preload Script (index.psd) -->
> <!-- End Preload Script -->
> <SCRIPT TYPE="text/javascript">
> <!--
>
> function newImage(arg) {
> if (document.images) {
> rslt = new Image();
> rslt.src = arg;
> return rslt;
> }
> }
>
> function changeImages() {
> if (document.images && (preloadFlag == true)) {
> for (var i=0; i<changeImages.arguments.length; i+=2)
> document[changeImages.arguments
].src = changeImages.arguments[i+1];
> }
> }
> }
>
> var preloadFlag = false;
> function preloadImages() {
> if (document.images) {
> main_page_over = newImage("images/main-page-over.gif");
> about_me_over = newImage("images/about-me-over.gif");
> memories_over = newImage("images/memories-over.gif");
> interests_over = newImage("images/interests-over.gif");
> news_over = newImage("images/news-over.gif");
> contact_over = newImage("images/contact-over.gif");
> preloadFlag = true;
> }
> }
>
> // -->
> </SCRIPT>
> <style type="text/css">
> <!--
>
> .style2 {color: #000066}
> .style3 {color: #3A4A73}
> .style4 {color: #324A6B}
>
>
> .bottomStyle {
> background:url(images2/b_links.gif);
> width:528px;
> height:80px;
> }
>
> body,td,th {
> color: #314B73;
> }
> body {
> background-color: #FFFFFF;
> }
> a:link {
> color: #314B73;
> }
> .style5 {color: #314B73}
> a {
> font-family: tahoma;
> }
> ol {
> font-family: Tahoma;
> font-size: 10px;
> font-style: normal;
> line-height: 2em;
> font-weight: normal;
> font-variant: normal;
> text-transform: none;
> color: #353535;
> text-decoration: none;
> text-align: left;
> list-style-type: disc;
> padding-top: 2px;
> }
> -->
> </style>
> <link href="research/css/styles.css" rel="stylesheet"
type="text/css">
> </HEAD>
>
> <BODY ONLOAD="preloadImages();">
> <table width="775" border="0" cellpadding="0"
cellspacing="0">
> <tr>
> <td colspan="3"><IMG SRC="images2/titleNew.gif"
WIDTH=734 HEIGHT=88
> ALT="Purdue-HP"></td>
> <td rowspan="11"><IMG SRC="images2/main5.gif"
WIDTH=41 HEIGHT=680
> ALT=""></td>
> </tr>
> <tr>
> <td rowspan="10"><img src="images2/main1.gif"
width=121 height=592
> alt=""></td>
> <td><A HREF="research/research.shtml"
> ONMOUSEOVER="window.status='mail'; changeImages('home',
> 'images2/researchHome-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('home',
> 'images2/researchHome.gif'); return true;">
> <IMG SRC="images2/researchHome.gif" ALT=""
NAME="home" WIDTH=85 HEIGHT=23
> border="0"></A></td>
> <td rowspan="8"><iframe name="content"
align="top" frameborder="0"
> height="495" width="528"
> scrolling="auto" src="itest.html" marginheight="1"
marginwidth="1" >
> </iframe></td>
> </tr>
> <tr><td><A
HREF="research/researchers.shtml"
> ONMOUSEOVER="window.status='main page';
changeImages('main_page',
> 'images2/researchers-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('main_page',
> 'images2/researchers.gif'); return true;">
> <IMG NAME="main_page" SRC="images2/researchers.gif"
WIDTH=85 HEIGHT=21
> BORDER=0 ALT="main page"></A></td>
> </tr>
> <tr><td><A HREF="research/papers.shtml"
> ONMOUSEOVER="window.status='paper sec';
changeImages('papers',
> 'images2/publications-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('papers',
> 'images2/publications.gif'); return true;">
> <IMG SRC="images2/publications.gif" ALT="paper sec"
NAME="papers"
> WIDTH=85
> HEIGHT=21 BORDER=0></A></td>
> </tr>
> <tr><td><A HREF="research/protos.shtml"
> ONMOUSEOVER="window.status='thoughts sec';
changeImages('thoughts',
> 'images2/prototypes-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('thoughts',
> 'images2/prototypes.gif'); return true;">
> <IMG SRC="images2/prototypes.gif" ALT="thoughts sec"
NAME="thoughts"
> WIDTH=85 HEIGHT=21 BORDER=0 ></A></td>
> </tr>
> <tr><td><A HREF="research/meetings.shtml"
> ONMOUSEOVER="window.status='mail';
changeImages('research',
> 'images2/meetings-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('research',
> 'images2/meetings.gif'); return true;">
> <IMG SRC="images2/meetings.gif" ALT="research sec"
NAME="research"
> WIDTH=85
> HEIGHT=21 BORDER=0
id="research"></A></td>
> </tr>
> <tr><td><A HREF="research/docs.shtml"
> ONMOUSEOVER="window.status='mail'; changeImages('Docs',
> 'images2/documents-over.gif'); return true;"
> ONMOUSEOUT="window.status=''; changeImages('Docs',
> 'images2/documents.gif');
> return true;">
> <IMG NAME="Docs" SRC="images2/documents.gif" WIDTH=85
HEIGHT=21 BORDER=0
> alt="Documents"></A></td>
> </tr>
> <tr><td><IMG NAME="contact"
SRC="images2/blackb.gif" WIDTH=85 HEIGHT=21
> BORDER=0 alt=""></td>
> </tr>
> <tr><td rowspan="3"><IMG
SRC="images2/main3.gif" WIDTH=85 HEIGHT=443
> ALT="ColorCentral : CPWT"></td>
> </tr>
> <tr><td><IMG SRC="images2/down.gif"
WIDTH=528 HEIGHT=16 ALT=""></td>
> </tr>
> <tr><td align="right" valign="top"
class="text7" width="528" height="80">
> <div id="layer1" class="bottomStyle">
> <!--<a
> href="
http://cobweb.ecn.purdue.edu/~hsantosv/research/research.shtml">Research
> Home</a> |
> <a href="mailto:[email protected]">Contact
Us</a>
> <p>
> <span class="text3">designed by</span>
> <a href="
http://www.templatesbox.com"
>
target="_blank">Templatesbox</a></p>-->
> </div></td></tr>
> </table>
> </BODY>
> </HTML>
>

Similar Messages

  • I use gmail , it says i can't access it because browsers cookies are disabled , THEY ARE NOT. I go into tools and options and cookies are enabled. I do not have this problem when i switch to internet explorer.

    i use gmail , it says i can't access it because browsers cookies are disabled , THEY ARE NOT. I go into tools and options and cookies are enabled. I do not have this problem when i switch to internet explorer. If the issue is not resolved i will switch back to internet explorer . any help you can give would be appreciated.

    refer to the
    * [[Websites say cookies are blocked - Unblock them]]
    * [[JavaScript settings and preferences for interactive web pages]]
    * [[Settings for fonts, languages, pop-ups, images and JavaScript]]
    articles
    Thank you!

  • Problem when running webdynpro from Internet explorer 8

    Hello Dear all,
    I created a webdynpro and everything i created is right. when i load the webdynpro (F8) to internet explorer 8 i can see the webdynpro . But the IE 8 screen shows no reaction. I thought that my webdynpro was wrong. But i ran the webdynpro from my officemates computer and in his IE 8 the mentioned Webdynpro works perfect! The problem is only the Internet explorer 8 .
    I would appreciate your soon answers.
    Alfito

    I read this website
    https://websmp230.sap-ag.de/sap(bD1kZSZjPTAwMQ==)/bc/bsp/spn/sapnotes/index2.htm?numm=1530264
    and i set the zoom to 100% and my problem is solved. How absurd! i almost uninstalled the browser. Best regards
    alfito

  • Dreamweaver tables not displaying correctly in internet explorer browser, please help!!!!

    Could someone please help me with this issue i've been having for almost a year now and can't find any information on getting this fixed, for some reason the features specs and required tables rows are not displaying correctly, the image is out of aligned when viewing the results using the internet explorer browser only, the firefox browser works just as needed but when i try to view the same code in IE the tables are not aligned properly and the text is not margined correctly either, i tried playing around with the css style that i have and no results. Please help me fix this issue so that my page would display in internet explorer just like under Firefox. Below are the pictures of the problem i'm having.
    This picture shows how i want it displayed on the internet explorer and firefox browser:
    Here is results in firefox browser:
    Here is results in internet explorer browser:
    As you can see the tables are all messed up, text is not centered properly even if i coded it right.
    Here is the coding for this page:
    PLEASE HELP ME OUT WITH THIS PROBLEM, I NEED TO FIGURE OUT HOW TO MAKE INTERNET EXPLORER TO DISPLAY THE INFORMATION CORRECTLY JUST LIKE FIREFOX?
    <style type="text/css">
    <!--
    .title {
    background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Title.jpg);
    background-position: center center;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    .description {
        background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Description.jpg);
        background-position: center center;
        font-family: "Times New Roman";
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #000;
        text-align: left;
        vertical-align: middle;
        padding-right: 20px;
        padding-left: 20px;
    .text {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #F00;
    text-indent: 2em;
    .features {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bolder;
    text-decoration: underline;
    color: #666666;
    .featurebackground {
        background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Features.jpg);
        background-position: center center;
        font-size: 14px;
        font-family: "Times New Roman";
        font-style: normal;
        font-weight: normal;
        line-height: 18px;
        background-repeat: no-repeat;
        padding-right: 10px;
    .policy {
    .fsr_style { font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    font-style: normal;
    background-color: #FFFFFF;
    padding-top: 5em;
    padding-right: 20px;
    background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Features.jpg);
    .number {
    .policy {
        padding-left: 20px;
        font-family: "Times New Roman", Times, serif;
        font-weight: normal;
        font-size: 14px;
        padding-top: 10px;
        padding-right: 7px;
        padding-bottom: 10px;
    -->
    </style>
    <body>
    <table width="935" border="0">
    <tr>
    <td><img src="http://www.ehobbyplanet.com/eBay/Layout/eHobbyShortHeader.jpg" width="928" height="165" /></td>
    </tr>
    <tr>
    <td height="44" align="center" valign="middle" class="title">HPI 1/5 Baja 5T Gas Truck RTR<td></td>
    </tr>
    <tr>
    <td height="31" align="center" valign="middle" class="number">HPI Item #10620<td width="10"></td>
    </tr>
    </table>
    <table width="925" height="326" border="0">
    <tr>
    <td width="16"> </td>
    <td width="549"><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg" width="549" height="429" id="mainPic"/></td>
    <td width="35"> </td>
    <td width="1559"><p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1sm.jpg" width="116" height="85" onClick="changePic('Image-1')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2sm.jpg" width="116" height="85" onClick="changePic('Image-2')"/></p>
    <p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3sm.jpg" width="116" height="85" onClick="changePic('Image-3')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4sm.jpg" width="116" height="85" onClick="changePic('Image-4')"/></p>
    <p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5sm.jpg" width="116" height="85" onClick="changePic('Image-5')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6sm.jpg" width="116" height="85" onClick="changePic('Image-6')"/></p>
    <p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7sm.jpg" width="116" height="85" onClick="changePic('Image-7')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8sm.jpg" width="116" height="85" onClick="changePic('Image-8')"/></p>
    <p class="text">Click to enlarge picture</p></td>
    </tr>
    </table>
    <table width="928" height="124" border="0">
    <tr>
    <td height="320" class="description"><p>HPI Racing is proud to present the Baja 5T, a <strong>ready-to-run</strong> (RTR) 1/5th scale off-road truck that expands on the award-winning Baja  5B family. With the Baja 5T you get aggressive desert truck looks, high  performance new features, and compatibility with many of the existing  Baja 5B spare parts and option parts, wrapped up in a RTR package that  gets you running in just a few minutes.</p>
      <p>Includes: HPI Baja 5T RTR Truck with 1.6 cu in gasoline engine, 27MHz FM Radio, two water resistant servos, 3.4oz (100cc) 2-cycle oil, 2oz (60cc) shock oil, 1oz (30cc) diff oil, 1oz (30cc) air filter oil, tube of gear grease, 3000mAh receiver pack, wall charger, body with wing, extra air filter, wrenches, decal sheet and illustrated instruction manual.</p></td>
    </tr>
    </table>
    <table width="928" border="0">
    <tr>
    <td width="290"> </td>
    <td width="17"> </td>
    <td width="292"> </td>
    <td width="17"> </td>
    <td width="290"> </td>
    </tr>
    <tr>
    <td align="center" class="features">Features:</td>
    <td align="center"> </td>
    <td align="center"><span class="features">Specifications:</span></td>
    <td align="center"> </td>
    <td align="center"><span class="features">Required:</span></td>
    </tr>
    <tr>
    <td height="526" class="featurebackground"><ul>
    <li>Ventilated Disc Brake System</li>
    <li>Heavy Duty Rear Dogbones</li>
    <li>Moulded Nylon Rear Spoiler</li>
    <li>Aluminum Alloy Diff Case</li>
    <li>Dirt Guards</li>
    <li>Full Metal Ball Bearings</li>
    <li>Front &amp; Rear Sway Bars</li>
    <li>Modified Rear Shock Tower</li>
    <li>Heavy Duty Inner Foam</li>
    <li>Revised Gearing</li>
    <li>High Flow Muffler</li>
    <li>SFL-10MG2 Metal Gear Steering Servo</li>
    <li>Heavy Duty Beadlocks</li>
    <li>8000 RPM Clutch</li>
    <li>Anodized Aluminum Parts</li>
    <li>Double Wishbone Suspension</li>
    <li>Adjustable Suspension</li>
    <li>Baja 5T-1 Truck Body</li>
    <li>Extended Roll Cage</li>
    <li>Outlaw Truck Wheels / Desert Buster Tires</li>
    <li>Fuelie 26 Engine (26cc)</li>
    <li>All Metal Transmission Gears</li>
    <li>High Quality Radio Gear</li>
    </ul>
    <td> </td>
    <td class="featurebackground"><ul>
    <li>Drive System: 2WD viscous Diff</li>
    <li>Tires (front &amp; rear): Truck Wheels / Desert Buster</li>
    </ul>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p></td>
    <td> </td>
    <td class="featurebackground">
    <ul>
    <li class="featurebackground">Unleaded Gasoline: 87-93 octane, mix gasoline with two cycle oil at 25:1 ratio</li>
    <li class="featurebackground">Transmitter Batteries: 8x AA</li>
    <li class="featurebackground">Screwdriver: Flat blade, 3/16&quot; (4-5mm) wide</li>
    </ul>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p></td>
    </tr>
    </table>
    <table width="928" height="621" border="0">
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td height="135" background="http://www.ehobbyplanet.com/eBay/Layout/ePaymentMethod.jpg" class="policy"><p>We accept Visa, Mastercard and Discover Card and PayPal. If your unable to send payment using these methods please contact us at [email protected]. All payments need to be sent within 5 days.
      </p>
      <p> </p></td>
    </tr>
    <tr>
    <td height="21"> </td>
    </tr>
    <tr>
    <td height="220" background="http://www.ehobbyplanet.com/eBay/Layout/eNormalShipping.jpg" class="policy"><p>All our orders are shipped out within 72 business hours unless stated. We ship everything out using the best packaging material to insure safe deliveries using shipping companies such as USPS Postal Office and UPS services (Shipping times will vary depending on the service you choose). Tracking information will be automatically sent via email after an order has been shipped out. We Definitely Combine Shipping for multiple items, if for some reason our eBay checkout isn&rsquo;t combining your items please wait for a custom eBay invoice which will have your order combined into one, reducing the shipping price. For international customers, please note: &quot;that Import duties, taxes, and charges are not  included in the item price or shipping charges. These charges are the buyer's  responsibility. Check with your country's customs office to find out what these  additional costs will be before you bid or buy&quot;.</p>
      <p>Please Note for International Customers Only: Due to the large size of this item there are several countries that have a size limitation which we are not able to ship to, if by any means your order goes through to us and it falls in the country size restrictions and your order cannot be shipped out we have the right to cancel your order (before cancelling the order we will contact the customer via email).</p></td>
    </tr>
    <tr>
      <td> </td>
    </tr>
    <tr>
    <td height="104" background="http://www.ehobbyplanet.com/eBay/Layout/eInsurance.jpg" class="policy">We offer insurance which is optional during checkout for both Domestic and International customers which will cover the full amount paid by customer, if insurance isn't purchased we are not responsible for packages that are missing during transit. If you use the USPS First Class Mail International shipping service please allow 10 - 25 business days for the delivery of your package.</td>
    </tr>
    <tr>
      <td height="21"> </td>
    </tr>
    <tr>
    <td height="135" background="http://www.ehobbyplanet.com/eBay/Layout/eReturns.jpg" class="policy">We want you to be completely happy with your purchases. So we do everything we can to assure you get the exact merchandise you order, delivered on time. If by any means your unsatisfied with your purchase we will be happy to accept returns for an exchange or a refund within 14 days. If shipping the item back, customer is responsible for freight charges to us. We offer refunds &amp; exchanges if your not satisfied with your purchase. The returned product needs to be in the same condition it was shipped out in, unused and in it&rsquo;s original packaging. If by any chance there has been an issue with your order and you want to request a return please email us at [email protected].</td>
    </tr>
    </table>
    </body>
    <script type="text/javascript">
    if(document.images) {
    tempImage = new Image();
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8md.jpg";
    function changePic(newName) {
    newPicURL = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/"+newName+"md.jpg";
    mainPic.src = newPicURL;
    </script>
    Here is my contact information:
    Paul
    [email protected]

    Try this without the border images and it will work in all browsers with increased text size. That's assuming eBay supports embedded CSS styles (which I'm not convinced they do).  Inline styles are safer IMHO.
    <!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>Untitled Document</title>
    <style type="text/css">
    .title {
    background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Title.jpg);
    background-position: center center;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    h2 {font-size:1.7em; color:#000; margin-top:0em; margin-bottom: 2px;}
    ul,li {
    font-size:14px;
    list-style:disc;
    line-height:1.5;
    font-family: "Times New Roman", Times, serif;
    .description {
    font-family: "Times New Roman";
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    color: #000;
    text-align: left;
    vertical-align: middle;
    border: 4px solid red;
    padding: 0 20px 20px 20px;
    .text {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #F00;
    text-indent: 2em;
    .features {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bolder;
    text-decoration: underline;
    color: #666666;
    line-height: 3em;
    .featurebackground {
    padding-right: 10px;
    border: 4px solid red;
    width: 200px;
    vertical-align: top;
    padding-top: 1em;
    .policy {
    border: 4px solid red;
    margin-top: -2em;
    .fsr_style { font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    padding-top: 5em;
    padding-right: 20px;
    border: 4px solid red;
    .number {
    .policy {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 14px;
    padding: 0 20px 20px 20px;
    </style>
    </head>
    <body>
    <table width="935" border="0">
    <tr>
    <td><img src="http://www.ehobbyplanet.com/eBay/Layout/eHobbyShortHeader.jpg" width="928" height="165" /></td>
    </tr>
    <tr>
    <td height="44" align="center" valign="middle" class="title">HPI 1/5 Baja 5T Gas Truck RTR</td><td></td>
    </tr>
    <tr>
    <td align="center" valign="middle" class="number">HPI Item #10620</td><td width="10"></td>
    </tr>
    </table>
    <table width="925" border="0">
    <tr>
    <td width="16"> </td>
    <td width="549"><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg" width="549" height="429" id="mainPic"/></td>
    <td width="35"> </td>
    <td width="1559"><p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1sm.jpg" width="116" height="85" onclick="changePic('Image-1')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2sm.jpg" width="116" height="85" onclick="changePic('Image-2')"/></p>
    <p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3sm.jpg" width="116" height="85" onclick="changePic('Image-3')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4sm.jpg" width="116" height="85" onclick="changePic('Image-4')"/></p>
    <p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5sm.jpg" width="116" height="85" onclick="changePic('Image-5')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6sm.jpg" width="116" height="85" onclick="changePic('Image-6')"/></p>
    <p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7sm.jpg" width="116" height="85" onclick="changePic('Image-7')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8sm.jpg" width="116" height="85" onclick="changePic('Image-8')"/></p>
    <p class="text">Click to enlarge picture</p></td>
    </tr>
    </table>
    <table width="928" border="0">
    <tr>
    <td class="description"><h2>Description</h2>
    <p>HPI Racing is proud to present the Baja 5T, a <strong>ready-to-run</strong> (RTR) 1/5th scale off-road truck that expands on the award-winning Baja  5B family. With the Baja 5T you get aggressive desert truck looks, high  performance new features, and compatibility with many of the existing  Baja 5B spare parts and option parts, wrapped up in a RTR package that  gets you running in just a few minutes.</p>
    <p>Includes: HPI Baja 5T RTR Truck with 1.6 cu in gasoline engine, 27MHz FM Radio, two water resistant servos, 3.4oz (100cc) 2-cycle oil, 2oz (60cc) shock oil, 1oz (30cc) diff oil, 1oz (30cc) air filter oil, tube of gear grease, 3000mAh receiver pack, wall charger, body with wing, extra air filter, wrenches, decal sheet and illustrated instruction manual.</p></td>
    </tr>
    </table>
    <table width="928" border="0">
    <tr>
    <td width="290"> </td>
    <td width="17"> </td>
    <td width="292"> </td>
    <td width="17"> </td>
    <td width="290"> </td>
    </tr>
    <tr>
    <td align="center"><span class="features">Features:</span></td>
    <td align="center"> </td>
    <td align="center"><span class="features">Specifications:</span></td>
    <td align="center"> </td>
    <td align="center"><span class="features">Required:</span></td>
    </tr>
    <tr>
    <td class="featurebackground"><ul>
    <li>Ventilated Disc Brake System</li>
    <li>Heavy Duty Rear Dogbones</li>
    <li>Moulded Nylon Rear Spoiler</li>
    <li>Aluminum Alloy Diff Case</li>
    <li>Dirt Guards</li>
    <li>Full Metal Ball Bearings</li>
    <li>Front &amp; Rear Sway Bars</li>
    <li>Modified Rear Shock Tower</li>
    <li>Heavy Duty Inner Foam</li>
    <li>Revised Gearing</li>
    <li>High Flow Muffler</li>
    <li>SFL-10MG2 Metal Gear Steering Servo</li>
    <li>Heavy Duty Beadlocks</li>
    <li>8000 RPM Clutch</li>
    <li>Anodized Aluminum Parts</li>
    <li>Double Wishbone Suspension</li>
    <li>Adjustable Suspension</li>
    <li>Baja 5T-1 Truck Body</li>
    <li>Extended Roll Cage</li>
    <li>Outlaw Truck Wheels / Desert Buster Tires</li>
    <li>Fuelie 26 Engine (26cc)</li>
    <li>All Metal Transmission Gears</li>
    <li>High Quality Radio Gear</li>
    </ul>
    </td>
    <td> </td>
    <td class="featurebackground"><ul>
    <li>Drive System: 2WD viscous Diff</li>
    <li>Tires (front &amp; rear): Truck Wheels / Desert Buster</li>
    </ul>
    </td>
    <td> </td>
    <td class="featurebackground">
    <ul>
    <li>Unleaded Gasoline: 87-93 octane, mix gasoline with two cycle oil at 25:1 ratio</li>
    <li>Transmitter Batteries: 8x AA</li>
    <li>Screwdriver: Flat blade, 3/16&quot; (4-5mm) wide</li>
    </ul>
    </td>
    </tr>
    </table>
    <table width="928" border="0">
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td class="policy"><h2>Payment Method </h2>
    <p>We accept Visa, Mastercard and Discover Card and PayPal. If your unable to send payment using these methods please contact us at [email protected]. All payments need to be sent within 5 days.
    </p></td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td class="policy"><h2>Shipping &amp; Handling </h2>
    <p>All our orders are shipped out within 72 business hours unless stated. We ship everything out using the best packaging material to insure safe deliveries using shipping companies such as USPS Postal Office and UPS services (Shipping times will vary depending on the service you choose). Tracking information will be automatically sent via email after an order has been shipped out. We Definitely Combine Shipping for multiple items, if for some reason our eBay checkout isn&rsquo;t combining your items please wait for a custom eBay invoice which will have your order combined into one, reducing the shipping price. For international customers, please note: &quot;that Import duties, taxes, and charges are not  included in the item price or shipping charges. These charges are the buyer's  responsibility. Check with your country's customs office to find out what these  additional costs will be before you bid or buy&quot;.</p>
    <p>Please Note for International Customers Only: Due to the large size of this item there are several countries that have a size limitation which we are not able to ship to, if by any means your order goes through to us and it falls in the country size restrictions and your order cannot be shipped out we have the right to cancel your order (before cancelling the order we will contact the customer via email).</p></td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td class="policy"><h2>Insurance</h2>
    <p>We offer insurance which is optional during checkout for both Domestic and International customers which will cover the full amount paid by customer, if insurance isn't purchased we are not responsible for packages that are missing during transit. If you use the USPS First Class Mail International shipping service please allow 10 - 25 business days for the delivery of your package.</p></td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td class="policy"><h2>Returns</h2>
    <p>We want you to be completely happy with your purchases. So we do everything we can to assure you get the exact merchandise you order, delivered on time. If by any means your unsatisfied with your purchase we will be happy to accept returns for an exchange or a refund within 14 days. If shipping the item back, customer is responsible for freight charges to us. We offer refunds &amp; exchanges if your not satisfied with your purchase. The returned product needs to be in the same condition it was shipped out in, unused and in it&rsquo;s original packaging. If by any chance there has been an issue with your order and you want to request a return please email us at [email protected].</p></td>
    </tr>
    </table>
    </body>
    </html>
    <script type="text/javascript">
    if(document.images) {
    tempImage = new Image();
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7md.jpg";
    tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8md.jpg";
    function changePic(newName) {
    newPicURL = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/"+newName+"md.jpg";
    mainPic.src = newPicURL;
    </script>
    That's the best solution I can offer.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • DW CS4 Horizontal Spry drop down menu not displaying correctly in Internet Explorer 8

    Hi,
    I have created a horizontal Spry drop down menu in Dreamweaver CS4 with my own background images. I have done various modifications to the CSS script to accommodate the style and feel needed; including making the main buttons' height twice the size of the sub menu buttons and some alignments. It seems to work different depending which browser is used.
    It works well in Google Chrome.
    It works well in Firefox with the exception that if any of the buttons are clicked, thereafter a thin black line is diplayed horizontally across center of the top main buttons when the mouse rolls over them. I would like to correct this but is not nearly as bad as the problem I'm having in Internet Explorer 8.
    Here is my biggest concern and I would greatly appreciate if anyone can shed some light on this matter.
    Once opened in Internet Explorer 8 the main navigation buttons appear as they should. IE8 prompts me the following: "To help protect your security, Internet Explorer has restricted this webpage from running scripts or ActiveX controls that could access your computer. Click here for options..". Once I allow IE8 to run scripts or ActiveX controls, the background image disappears and only shows on any menu or submenu button when the mouse rolls over that particular button. Can someone please help.
    The menu can be seen at work by clicking on this link:
    www.bargainxchange.com/BXC Main Navigation Spry Drop Menu.html
    Below are all the scrips involved.
    Here is the CSS script named "SpryMenuBarHorizontal4.css" in use :
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 10;
        padding: 0;
        list-style-type: none;
        font-size: 80%;
        cursor: default;
        width: auto;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align: center;
        /*whole menu moves*/
        margin-left: 100px;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* My Note --Top buttons' background, height and font size adjust-- */
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        /* My note --I added the height and background-image as Main-Buttons.jpg-- */
        height: 55px;   
        background-image: url(../Main-Buttons.jpg);
        margin: -2;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: center;
        /*text-align: left;*/
        cursor: pointer;
        width: 99px;
        float: left;
    /* My note --Submenu font size adjust-- */
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        /*height:38px;*/
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 87%;
        z-index: 1020;
        cursor: default;
        width: 160px;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        /* My note --this margin alligns the drop buttons up and down-- */
        margin-top: 24px;
        height: 25px;   
        left: auto;
    /* My note --drop menu size adjustments-- */
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        height: 25px;
        width: 160px;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position:absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        /*border: 1px solid #CCC;*/
    /* My note --Text Allignment global-- */
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        /*height: 40px;*/
        text-align: center;
        /*vertical-align: center;*/
        display: block;
        cursor: pointer;
        padding: 0.5em 0.75em;
        text-decoration: none;
        /*zzzzzzzz Text Color*/
        color: #333;        /*background-color: #CCC;*/
        letter-spacing: -0.00px;
        margin-left: 1px;   
        margin-right: 0px;
        /*alligns text up or down globally*/
        margin-top: 1px;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        /*background-color: #33C;
        color: #FFF;*/
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        background-image: url(../Main-Buttons-mouse-over.jpg);    /*background-color: #33C;
        color: #FFF;*/
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* My note --mouse over-- */
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f&#92;loat: left;
            background: #FFF;
    Here is the JavaScrip file named "SpryMenuBar.js" that has not been modified in any way:
    // SpryMenuBar.js - version 0.12 - Spry Pre-Release 1.6.1
    // Copyright (c) 2006. Adobe Systems Incorporated.
    // All rights reserved.
    // Redistribution and use in source and binary forms, with or without
    // modification, are permitted provided that the following conditions are met:
    //   * Redistributions of source code must retain the above copyright notice,
    //     this list of conditions and the following disclaimer.
    //   * Redistributions in binary form must reproduce the above copyright notice,
    //     this list of conditions and the following disclaimer in the documentation
    //     and/or other materials provided with the distribution.
    //   * Neither the name of Adobe Systems Incorporated nor the names of its
    //     contributors may be used to endorse or promote products derived from this
    //     software without specific prior written permission.
    // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
    // AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    // IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
    // ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
    // LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
    // CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
    // SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
    // INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
    // CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
    // ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
    // POSSIBILITY OF SUCH DAMAGE.
    SpryMenuBar.js
    This file handles the JavaScript for Spry Menu Bar.  You should have no need
    to edit this file.  Some highlights of the MenuBar object is that timers are
    used to keep submenus from showing up until the user has hovered over the parent
    menu item for some time, as well as a timer for when they leave a submenu to keep
    showing that submenu until the timer fires.
    var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
    Spry.BrowserSniff = function()
        var b = navigator.appName.toString();
        var up = navigator.platform.toString();
        var ua = navigator.userAgent.toString();
        this.mozilla = this.ie = this.opera = this.safari = false;
        var re_opera = /Opera.([0-9&#92;.]*)/i;
        var re_msie = /MSIE.([0-9&#92;.]*)/i;
        var re_gecko = /gecko/i;
        var re_safari = /(applewebkit|safari)&#92;/([&#92;d&#92;.]*)/i;
        var r = false;
        if ( (r = ua.match(re_opera))) {
            this.opera = true;
            this.version = parseFloat(r[1]);
        } else if ( (r = ua.match(re_msie))) {
            this.ie = true;
            this.version = parseFloat(r[1]);
        } else if ( (r = ua.match(re_safari))) {
            this.safari = true;
            this.version = parseFloat(r[2]);
        } else if (ua.match(re_gecko)) {
            var re_gecko_version = /rv:&#92;s*([0-9&#92;.]+)/i;
            r = ua.match(re_gecko_version);
            this.mozilla = true;
            this.version = parseFloat(r[1]);
        this.windows = this.mac = this.linux = false;
        this.Platform = ua.match(/windows/i) ? "windows" :
                        (ua.match(/linux/i) ? "linux" :
                        (ua.match(/mac/i) ? "mac" :
                        ua.match(/unix/i)? "unix" : "unknown"));
        this[this.Platform] = true;
        this.v = this.version;
        if (this.safari &amp;&amp; this.mac &amp;&amp; this.mozilla) {
            this.mozilla = false;
    Spry.is = new Spry.BrowserSniff();
    // Constructor for Menu Bar
    // element should be an ID of an unordered list (&lt;ul&gt; tag)
    // preloadImage1 and preloadImage2 are images for the rollover state of a menu
    Spry.Widget.MenuBar = function(element, opts)
        this.init(element, opts);
    Spry.Widget.MenuBar.prototype.init = function(element, opts)
        this.element = this.getElement(element);
        // represents the current (sub)menu we are operating on
        this.currMenu = null;
        this.showDelay = 250;
        this.hideDelay = 600;
        if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' &amp;&amp; typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie &amp;&amp; typeof document.uniqueID == 'undefined'))
            // bail on older unsupported browsers
            return;
        // Fix IE6 CSS images flicker
        if (Spry.is.ie &amp;&amp; Spry.is.version &lt; 7){
            try {
                document.execCommand("BackgroundImageCache", false, true);
            } catch(err) {}
        this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
        this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
        this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
        this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
        this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
        this.hoverClass = 'MenuBarItemHover';
        this.subHoverClass = 'MenuBarItemSubmenuHover';
        this.subVisibleClass ='MenuBarSubmenuVisible';
        this.hasSubClass = 'MenuBarItemSubmenu';
        this.activeClass = 'MenuBarActive';
        this.isieClass = 'MenuBarItemIE';
        this.verticalClass = 'MenuBarVertical';
        this.horizontalClass = 'MenuBarHorizontal';
        this.enableKeyboardNavigation = true;
        this.hasFocus = false;
        // load hover images now
        if(opts)
            for(var k in opts)
                if (typeof this[k] == 'undefined')
                    var rollover = new Image;
                    rollover.src = opts[k];
            Spry.Widget.MenuBar.setOptions(this, opts);
        // safari doesn't support tabindex
        if (Spry.is.safari)
            this.enableKeyboardNavigation = false;
        if(this.element)
            this.currMenu = this.element;
            var items = this.element.getElementsByTagName('li');
            for(var i=0; i&lt;items.length; i++)
                if (i &gt; 0 &amp;&amp; this.enableKeyboardNavigation)
                    items[i].getElementsByTagName('a')[0].tabIndex='-1';
                this.initialize(items[i], element);
                if(Spry.is.ie)
                    this.addClassName(items[i], this.isieClass);
                    items[i].style.position = "static";
            if (this.enableKeyboardNavigation)
                var self = this;
                this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
            if(Spry.is.ie)
                if(this.hasClassName(this.element, this.verticalClass))
                    this.element.style.position = "relative";
                var linkitems = this.element.getElementsByTagName('a');
                for(var i=0; i&lt;linkitems.length; i++)
                    linkitems[i].style.position = "relative";
    Spry.Widget.MenuBar.KEY_ESC = 27;
    Spry.Widget.MenuBar.KEY_UP = 38;
    Spry.Widget.MenuBar.KEY_DOWN = 40;
    Spry.Widget.MenuBar.KEY_LEFT = 37;
    Spry.Widget.MenuBar.KEY_RIGHT = 39;
    Spry.Widget.MenuBar.prototype.getElement = function(ele)
        if (ele &amp;&amp; typeof ele == "string")
            return document.getElementById(ele);
        return ele;
    Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
        if (!ele || !className || !ele.className || ele.className.search(new RegExp("&#92;&#92;b" + className + "&#92;&#92;b")) == -1)
            return false;
        return true;
    Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
        if (!ele || !className || this.hasClassName(ele, className))
            return;
        ele.className += (ele.className ? " " : "") + className;
    Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
        if (!ele || !className || !this.hasClassName(ele, className))
            return;
        ele.className = ele.className.replace(new RegExp("&#92;&#92;s*&#92;&#92;b" + className + "&#92;&#92;b", "g"), "");
    // addEventListener for Menu Bar
    // attach an event to a tag without creating obtrusive HTML code
    Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
        try
            if (element.addEventListener)
                element.addEventListener(eventType, handler, capture);
            else if (element.attachEvent)
                element.attachEvent('on' + eventType, handler);
        catch (e) {}
    // createIframeLayer for Menu Bar
    // creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
    Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
        var layer = document.createElement('iframe');
        layer.tabIndex = '-1';
        layer.src = 'javascript:""';
        layer.frameBorder = '0';
        layer.scrolling = 'no';
        menu.parentNode.appendChild(layer);
        layer.style.left = menu.offsetLeft + 'px';
        layer.style.top = menu.offsetTop + 'px';
        layer.style.width = menu.offsetWidth + 'px';
        layer.style.height = menu.offsetHeight + 'px';
    // removeIframeLayer for Menu Bar
    // removes an IFRAME underneath a menu to reveal any form controls and ActiveX
    Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
        var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
        while(layers.length &gt; 0)
            layers[0].parentNode.removeChild(layers[0]);
    // clearMenus for Menu Bar
    // root is the top level unordered list (&lt;ul&gt; tag)
    Spry.Widget.MenuBar.prototype.clearMenus = function(root)
        var menus = root.getElementsByTagName('ul');
        for(var i=0; i&lt;menus.length; i++)
            this.hideSubmenu(menus[i]);
        this.removeClassName(this.element, this.activeClass);
    // bubbledTextEvent for Menu Bar
    // identify bubbled up text events in Safari so we can ignore them
    Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
        return Spry.is.safari &amp;&amp; (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 &amp;&amp; event.target.parentNode == event.relatedTarget));
    // showSubmenu for Menu Bar
    // set the proper CSS class on this menu to show it
    Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
        if(this.currMenu)
            this.clearMenus(this.currMenu);
            this.currMenu = null;
        if(menu)
            this.addClassName(menu, this.subVisibleClass);
            if(typeof document.all != 'undefined' &amp;&amp; !Spry.is.opera &amp;&amp; navigator.vendor != 'KDE')
                if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
                    menu.style.top = menu.parentNode.offsetTop + 'px';
            if(Spry.is.ie &amp;&amp; Spry.is.version &lt; 7)
                this.createIframeLayer(menu);
        this.addClassName(this.element, this.activeClass);
    // hideSubmenu for Menu Bar
    // remove the proper CSS class on this menu to hide it
    Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
        if(menu)
            this.removeClassName(menu, this.subVisibleClass);
            if(typeof document.all != 'undefined' &amp;&amp; !Spry.is.opera &amp;&amp; navigator.vendor != 'KDE')
                menu.style.top = '';
                menu.style.left = '';
            if(Spry.is.ie &amp;&amp; Spry.is.version &lt; 7)
                this.removeIframeLayer(menu);
    // initialize for Menu Bar
    // create event listeners for the Menu Bar widget so we can properly
    // show and hide submenus
    Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
        var opentime, closetime;
        var link = listitem.getElementsByTagName('a')[0];
        var submenus = listitem.getElementsByTagName('ul');
        var menu = (submenus.length &gt; 0 ? submenus[0] : null);
        if(menu)
            this.addClassName(link, this.hasSubClass);
        if(!Spry.is.ie)
            // define a simple function that comes standard in IE to determine
            // if a node is within another node
            listitem.contains = function(testNode)
                // this refers to the list item
                if(testNode == null)
                    return false;
                if(testNode == this)
                    return true;
                else
                    return this.contains(testNode.parentNode);
        // need to save this for scope further down
        var self = this;
        this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
        this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
        if (this.enableKeyboardNavigation)
            this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
            this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
    Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
        this.lastOpen = listitem.getElementsByTagName('a')[0];
        this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length &gt; 0 ? this.subHoverClass : this.hoverClass);
        this.hasFocus = true;
    Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
        this.clearSelection(listitem);
    Spry.Widget.MenuBar.prototype.clearSelection = function(el){
        //search any intersection with the current open element
        if (!this.lastOpen)
            return;
        if (el)
            el = el.getElementsByTagName('a')[0];
            // check children
            var item = this.lastOpen;
            while (item != this.element)
                var tmp = el;
                while (tmp != this.element)
                    if (tmp == item)
                        return;
                    try{
                        tmp = tmp.parentNode;
                    }catch(err){break;}
                item = item.parentNode;
        var item = this.lastOpen;
        while (item != this.element)
            this.hideSubmenu(item.parentNode);
            var link = item.getElementsByTagName('a')[0];
            this.removeClassName(link, this.hoverClass);
            this.removeClassName(link, this.subHoverClass);
            item = item.parentNode;
        this.lastOpen = false;
    Spry.Widget.MenuBar.prototype.keyDown = function (e)
        if (!this.hasFocus)
            return;
        if (!this.lastOpen)
            this.hasFocus = false;
            return;
        var e = e|| event;
        var listitem = this.lastOpen.parentNode;
        var link = this.lastOpen;
        var submenus = listitem.getElementsByTagName('ul');
        var menu = (submenus.length &gt; 0 ? submenus[0] : null);
        var hasSubMenu = (menu) ? true : false;
        var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
        if (!opts[3])
            opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
        var found = 0;
        switch (e.keyCode){
            case this.upKeyCode:
                found = this.getElementForKey(opts, 'y', 1);
                break;
            case this.downKeyCode:
                found = this.getElementForKey(opts, 'y', -1);
                break;
            case this.leftKeyCode:
                found = this.getElementForKey(opts, 'x', 1);
                break;
            case this.rightKeyCode:
                found = this.getElementForKey(opts, 'x', -1);
                break;
            case this.escKeyCode:
            case 9:
                this.clearSelection();
                this.hasFocus = false;
            default: return;
        switch (found)
            case 0: return;
            case 1:
                //subopts
                this.mouseOver(listitem, e);
                break;
            case 2:
                //parent
                this.mouseOut(opts[2], e);
                break;
            case 3:
            case 4:
                // left - right
                this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
                break;
        var link = opts[found].getElementsByTagName('a')[0];
        if (opts[found].nodeName.toLowerCase() == 'ul')
            opts[found] = opts[found].getElementsByTagName('li')[0];
        this.addClassName(link, opts[found].getElementsByTagName('ul').length &gt; 0 ? this.subHoverClass : this.hoverClass);
        this.lastOpen = link;
        opts[found].getElementsByTagName('a')[0].focus();
            //stop further event handling by the browser
        return Spry.Widget.MenuBar.stopPropagation(e);
    Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
        var link = listitem.getElementsByTagName('a')[0];
        var submenus = listitem.getElementsByTagName('ul');
        var menu = (submenus.length &gt; 0 ? submenus[0] : null);
        var hasSubMenu = (menu) ? true : false;
        if (this.enableKeyboardNavigation)
            this.clearSelection(listitem);
        if(this.bubbledTextEvent())
            // ignore bubbled text events
            return;
        if (listitem.closetime)
            clearTimeout(listitem.closetime);
        if(this.currMenu == listitem)
            this.currMenu = null;
        // move the focus too
        if (this.hasFocus)
            link.focus();
        // show menu highlighting
        this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
        this.lastOpen = link;
        if(menu &amp;&amp; !this.hasClassName(menu, this.subHoverClass))
            var self = this;
            listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
    Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
        var link = listitem.getElementsByTagName('a')[0];
        var submenus = listitem.getElementsByTagName('ul');
        var menu = (submenus.length &gt; 0 ? submenus[0] : null);
        var hasSubMenu = (menu) ? true : false;
        if(this.bubbledTextEvent())
            // ignore bubbled text events
            return;
        var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
        if(!listitem.contains(related))
            if (listitem.opentime)
                clearTimeout(listitem.opentime);
            this.currMenu = listitem;
            // remove menu highlighting
            this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
            if(menu)
                var self = this;
                listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
            if (this.hasFocus)
                link.blur();
    Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
        var child = element[sibling];
        while (child &amp;&amp; child.nodeName.toLowerCase() !='li')
            child = child[sibling];
        return child;
    Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
        var found = 0;
        var rect = Spry.Widget.MenuBar.getPosition;
        var ref = rect(els[found]);
        var hideSubmenu = false;
        //make the subelement visible to compute the position
        if (els[1] &amp;&amp; !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
            els[1].style.visibility = 'hidden';
            this.showSubmenu(els[1]);
            hideSubmenu = true;
        var isVert = this.hasClassName(this.element, this.verticalClass);
        var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
        for (var i = 1; i &lt; els.length; i++){
            //when navigating on the y axis in vertical menus, ignore children and parents
            if(prop=='y' &amp;&amp; isVert &amp;&amp; (i==1 || i==2))
                continue;
            //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
            if(prop=='x' &amp;&amp; !isVert &amp;&amp; !hasParent &amp;&amp; (i==1 || i==2))
                continue;
            if (els[i])
                var tmp = rect(els[i]);
                if ( (dir * tmp[prop]) &lt; (dir * ref[prop]))
                    ref = tmp;
                    found = i;
        // hide back the submenu
        if (els[1] &amp;&amp; hideSubmenu){
            this.hideSubmenu(els[1]);
            els[1].style.visibility =  '';
        return found;
    Spry.Widget.MenuBar.camelize = function(str)
        if (str.indexOf('-') == -1){
            return str;   
        var oStringList = str.split('-');
        var isFirstEntry = true;
        var camelizedString = '';
        for(var i=0; i &lt; oStringList.length; i++)
            if(oStringList[i].length&gt;0)
                if(isFirstEntry)
                    camelizedString = oStringList[i];
                    isFirstEntry = false;
                else
                    var s = oStringList[i];
                    camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
        return camelizedString;
    Spry.Widget.MenuBar.getStyleProp = function(element, prop)
        var value;
        try
            if (element.style)
                value = element.style[Spry.Widget.MenuBar.camelize(prop)];
            if (!value)
                if (document.defaultView &amp;&amp; document.defaultView.getComputedStyle)
                    var css = document.defaultView.getComputedStyle(element, null);
                    value = css ? css.getPropertyValue(prop) : null;
                else if (element.currentStyle)
                        value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
        catch (e) {}
        return value == 'auto' ? null : value;
    Spry.Widget.MenuBar.getIntProp = function(element, prop)
        var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
        if (isNaN(a))
            return 0;
        return a;
    Spry.Widget.MenuBar.getPosition = function(el, doc)
        doc = doc || document;
        if (typeof(el) == 'string') {
            el = doc.getElementById(el);
        if (!el) {
            return false;
        if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
            //element must be visible to have a box
            return false;
        var ret = {x:0, y:0};
        var parent = null;
        var box;
        if (el.getBoundingClientRect) { // IE
            box = el.getBoundingClientRect();
            var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
            var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
            ret.x = box.left + scrollLeft;
            ret.y = box.top + scrollTop;
        } else if (doc.getBoxObjectFor) { // gecko
            box = doc.getBoxObjectFor(el);
            ret.x = box.x;
            ret.y = box.y;
        } else { // safari/opera
            ret.x = el.offsetLeft;
            ret.y = el.offsetTop;
            parent = el.offsetParent;
            if (parent != el) {
                while (parent) {
                    ret.x += parent.offsetLeft;
                    ret.y += parent.offsetTop;
                    parent = parent.offsetParent;
            // opera &amp; (safari absolute) incorrectly account for body offsetTop
            if (Spry.is.opera || Spry.is.safari &amp;&amp; Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
                ret.y -= doc.body.offsetTop;
        if (el.parentNode)
                parent = el.parentNode;
        else
            parent = null;
        if (parent.nodeName){
            var cas = parent.nodeName.toUpperCase();
            while (parent &amp;&amp; cas != 'BODY' &amp;&amp; cas != 'HTML') {
                cas = parent.nodeName.toUpperCase();
                ret.x -= parent.scrollLeft;
                ret.y -= parent.scrollTop;
                if (parent.parentNode)
                    parent = parent.parentNode;
                else
                    parent = null;
        return ret;
    Spry.Widget.MenuBar.stopPropagation = function(ev)
        if (ev.stopPropagation)
            ev.stopPropagation();
        else
            ev.cancelBubble = true;
        if (ev.preventDefault)
            ev.preventDefault();
        else
            ev.returnValue = false;
    Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
        if (!optionsObj)
            return;
        for (var optionName in optionsObj)
            if (ignoreUndefinedProps &amp;&amp; optionsObj[optionName] == undefined)
                continue;
            obj[optionName] = optionsObj[optionName];
    And last, here is the HTML code that has also not been modified in any way:
    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;title&gt;Untitled Document&lt;/title&gt;
    &lt;script src="../BXC Main Navigation Spry Drop Menu/SpryAssets/SpryMenuBar.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;link href="../BXC Main Navigation Spry Drop Menu/SpryAssets/SpryMenuBarHorizontal4.css" rel="stylesheet" type="text/css" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;ul id="MenuBar1" class="MenuBarHorizontal"&gt;
      &lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="#"&gt;Buy&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop from Private Owner&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop Direct from Stores&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Buying&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Bid&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop from Auction&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Bidding&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Trade&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop for Trades&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Trading&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="#"&gt;List Items&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;List Items in Auction&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;List Items for Sale&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;List Items for Trade&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Listing Items&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Intro&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Flash Site &amp;amp; Intro&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;My Xchange&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Activity&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Account&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Mail&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Help&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Main Help&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Site Map&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;script type="text/javascript"&gt;
    &lt;!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //--&gt;
    &lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt;
    Thanks in advance for any of your help.
    Jose H.

    Hello Nancy,
    I was troubleshooting For the next 8 hours after my post here and eventually I got it right, I uploaded the files to the test server and at the time did not have the chance to post the solution here. This is why, as you saw, it is working correctly now.  Both the CSS and HTML files needed modifications. While working on the code I had to run IE8, Chrome and Firefox simultaneously and refresh all three after every change in the code because what would fix the problem in one would cause a problem for the other.
    In addition to the problems listed in my original post, there were also other graphical issues in IE8, such as; the main menu buttons without sub-menus would only display at half their size vertically. The border around the buttons would not display despite that the background images were rendered in Photoshop as flattened JPEGs with boarders as part of the background image. Being so, I removed all borders from the CSS script.
    By the way.. the IE8 security measure did pop up while working from the server.
    Anyhow for those of you who are experiencing similar problems you can take a look at the working code bellow and compare it to the initial code. I've included detail comments on every line I have changed, modified or added.
    Good luck.. as I know it can become a complicated task when creating custom Spry menus.
    <b>Here is the finished CSS script</b>
    <code>@charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 10;
        padding: 0;
        list-style-type: none;
        /* font size for top menu*/
        font-size: 80%;
        cursor: default;
        width: auto;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align: center;
        /*whole menu moves*/
        margin-left: 100px;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* My Note --Top buttons' background, height and font size adjust-- */
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        /* My note --I added the height and background-image as Main-Buttons.jpg-- */
        height: 55px;   
        background-image: url(../Main-Buttons.jpg);
        margin: -2;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: center;
        /*text-align: left;*/
        cursor: pointer;
        width: 99px;
        float: left;
    /* My note --Submenu font size adjust-- */
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 87%;
        z-index: 1020;
        cursor: default;
        width: 160px;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        /* My note --this margin alligns the drop buttons up and down-- */
        margin-top: 0px;
        height: 25px;
        left: auto;
    /* My note --drop menu size adjustments-- */
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        height: 25px;
        width: 162px;
        /* New addition */
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position:absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        /*border: 1px solid #CCC;*/
    /* My note --Text Allignment global-- */
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        /*My note -- took out borders &amp; changed text color to #333(black)&amp; added my own mouse not over image-- */   
        /*border: 0px solid #333332;*/
        background-image: url(../Main-Buttons.jpg);
        /*height: 40px;*/
        text-align: center;   
        display: block;
        cursor: pointer;
        padding: 0.5em 0.75em;
        text-decoration: none;
        /*My note --Text Color-- */
        color: #333;        /*background-color: was #CCC;*/
        letter-spacing: -0.00px;
        margin-left: 1px;   
        margin-right: 0px;
        /*alligns text up or down globally*/
        margin-top: 1px;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        /* My note --took out all backgound &amp; text color for mouse over-- */
        /*background-color: #33C;
        color: #FFF;*/
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        /*My note -- took out background &amp; text &amp; added my own mouse over image-- */
        background-image: url(../Main-Buttons-mouse-over.jpg);
        /*background-color: #33C;
        color: #FFF;*/
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        /* My note --!!!!!This height setting adjusts the main buttons' background height in IE8!!!!-- */
        height: 40px;
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* My note --mouse over-- */
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f&#92;loat: left;
            /* My note --The backgound color below was changed here to the same color #3e6487 as the darkest tone in the background image graphic to mimic the original image borders; dark blue, since IE8 for some reason would cut them out. This change allows this dark blue background to display around the main top buttons in IE8 giving the appearance of borders*/
            background: #3e6487;
    </code>
    <b>Here is the modified HTML script</b>
    <code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
    &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;title&gt;Untitled Document&lt;/title&gt;
    &lt;script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;link href="/SpryAssets/SpryMenuBarHorizontal4.css" rel="stylesheet" type="text/css" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;ul id="MenuBar1" class="MenuBarHorizontal"&gt;
      &lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="#"&gt;Buy&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop from Private Owner&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop Direct from Stores&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Buying&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Bid&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop from Auction&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Bidding&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Trade&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Shop for Trades&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Trading&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="#"&gt;List Items&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;List Items in Auction&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;List Items for Sale&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;List Items for Trade&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Help Listing Items&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Intro&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Flash Site &amp;amp; Intro&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;My Xchange&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Activity&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Account&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Mail&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;!-- My note --the bellow line was: &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; --- changing it to: &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Contact Us&lt;/a&gt;     corrected the height of the Contact us button wich did not have sub menus and because of this only diplayed at half size vertically in IE8 //--&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Contact Us&lt;/a&gt;
      &lt;li&gt;&lt;a href="#" class="MenuBarItemSubmenu"&gt;Help&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Main Help&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Site Map&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;script type="text/javascript"&gt;
    &lt;!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //--&gt;
    &lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt;
    </code>
    And Richard.. Thanks again for the time and your help, truly appreciated.
    Jose H.

  • A problem with this webpage caused Internet Explorer (IE9) to close and reopen the tab

    I have IE9 (using 32-bit version) installed on a relatively new laptop with Windows 7 64-bit. Up until last weekend IE9 worked fine and Flash Player worked fine too.
    At the weekend a webpage asked for Flash Player to be updated - which I did. Ever since then whenever I go to a webpage needing Flash Player I get the message "A problem with this webpage caused Internet Explorer to close and reopen the tab". This happens twice and then an IE9 error page.
    I have read the discussions in here about the problems with Flash Player 10.3 and have tried the various solutions. I have updated to 10.3.181.16 having tried 15 and 14 previously. Same problem.
    I have reset IE9. Same problem.
    I have disabled all add-ons which stops the problem. If I enable just the Flash Player add-on then the problem recurs. Since there are so many webpages that use Flash I do not want to run my browser without this add-on running.
    If I enable the add-on and run IE9 using software rendering instead of GPU rendering then I don't get the problem. However, this isn't exactly making the best use of the resources on my laptop.
    This may well all be related to the 10.3 problems but no one seems to have mentioned having a problem with tabs closing and reopening so I thought I would post on here to check.
    Any suggestions for how to solve this (other than using software rendering)?

    Thanks again for your reply. I appreciate the time you have taken to respond.
    I think, however, you misunderstand the problem. IE9 does not reopen the tabs on just one website - it is doing this on every website that needs Flash Player. Therefore, running in Compatibility mode is not an option. In fact, because IE9 reopens the tabs so quickly and then ends up with an error page, I cannot even click the Compatibility button anyway.
    I could use ActiveX filtering - true. All that this means is that Flash does not play on any of the websites. When I want to re-enable ActiveX for a particular website where I need to see the Flash Player item, this just triggers the error.
    This problem also happened on .14, .15 and well as the current .16 version. It did not happen with the previous version of Flash Player that I had on the system (version 10.2 I think).
    The fact is that either Flash Player or IE9 or both is/are broken. The two choices I am still left with are:
    1. Use software rendering (which contradicts the latest advertisements for IE9 about unleashing the power of IE)
    2. Use another browser - I have no problems with either Firefox or Chrome

  • PDF's in Acrobat Reader X will not open when using the browser, Internet explorer opertes all ok? Mozella 4 is the default browser! Windows XP Home ed with all latest updates!

    When using the Mozella Firefox 4 browser and the NEW version Adobe Reader X, PDF's online will not ever open. After 1-3 minuites, I eventually get a message the Adobe reader is running, but need to close and try again! I get same results when trying again.
    Internet Explorer operates and opens the online PDF's all ok and the Adobe Reader X seems to operate all else ok!
    I think, but not sure, that this issue appeared when the Adobe Reader updated from the older version 9 or so to the NEW Adobe Reader X version about 1 or 2 weeks ago, but not sure. I just remember that Mozella always worked ok previously to the Adobe Reader X version for opening online PDF's last month, etc.
    Note that I said that Internet Explorer browser operates ok Using the New automatically upgraded Adobe Reader X for viewing PDF"S! (adobe notified me that the new version 10 (X) was available for updating, etc) I also just discovered that google chrome browser opens the online PDF's ok!
    I have not trying re-storing the computer to the previous month, etc, since the issue seems to be with Mozella not liking the Adobe Reader X version and Internet Explored browser operating ok!
    Any ideas????

    I had the same problem and my solution was to disable the PDF extension that came with Firefox 4 which belongs to another company. I found out that it wast interfering with ReaderX. I unabled it and restarted Firefox. I have had no problems since then. Go to Tools, Add-On and click on Extensions and disable the PDF extension. I hope this helps

  • Hello. I have windows xp. When using Firefox as my home page, I get awful screen interference of lines verticle and horizontal. When I switch to Internet Explorer I don't get them. I want to keep Firefox as server.

    Hello. I have windows xp. When using Firefox as my home page, I get awful screen interference of lines verticle and horizontal. When I switch to Internet Explorer I don't get them. I want to keep Firefox as server.

    Here is something that you can try:
    # Click on Tools and then click Options.
    # Select the Advanced panel
    # Select the General tab
    # Uncheck Use hardware acceleration where available.
    # Click File and then click Exit.
    # Start Firefox normally.
    Once you have followed those steps, you'll want to follow these as well and see if the lines are gone.
    Click the Help menu and select Restart with Add-ons Disabled.
    Let me know if this has eliminated the problem.

  • Why does my laptop use a proxy server for mozilla or chrome when i check in internet explorer it sais my system isnt but it is it jumps back to a proxy server in mozille when i tick no proxy ?? help please im not wizzy thanks

    Why does my laptop use a proxy server for mozilla or chrome when i check in internet explorer it sais my system isnt but it is it jumps back to a proxy server in mozille when i tick no proxy ?? help please im not wizzy thanks

    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode
    See also:
    *http://kb.mozillazine.org/Preferences_not_saved
    *https://support.mozilla.com/kb/Preferences+are+not+saved

  • Authorization problem when displaying icons in BW Report

    Hi All
    I have the following problem when display BW Report as iView: The report data itself is displayed perfectly but to display the icons (like DrillDown arrows, Hierarhy level open arrows) the Windows login message "Connect to <my BW server.com>:8000" appears and I have to enter BW user name and password explicitly. The system for BW is defined, the user is mapped, UIDPW method is used. Again, the report data itself is displayed, the problem is only with icons. I can see that the path to icons is like:
    http://<my BW server>.com:8000/sap/bw/Mime/BEx/Icons/s_b_up.gif
    How could I rid of this authorization request?

    Thanks! I already did this and it helped for most of icons. But for five remaining icons i still get authorization request althoug these icons are in the same path. The icons are:
    http://<server>.com/sap/bw/Mime/BEx/Icons/cascading.gif
    http://<server>.com/sap/bw/Mime/BEx/Icons/checked.gif
    http://<server>.com/sap/bw/Mime/BEx/Icons/separator.gif
    http://<server>.com/sap/bw/Mime/BEx/Icons/marked_right_35.gif
    http://<server>.com/sap/bw/Mime/BEx/Icons/loading.gif

  • Since I downloaded Firefox 4, I can't see attachments in my Yahoo mail. This is not a problem of Yahoo, because with Internet Explorer works fine. What is the problem?

    Question
    Since I downloaded Firefox 4, I can't see attachments in my Yahoo mail. This is not a problem of Yahoo, because with Internet Explorer works fine. What is the problem?

    Ok, now they are showing. I restarted my computer again and they are showing now.

  • With Yahoo! Mail attachments are put together in zip format I can't open, but when I switch to Internet Explorer these same attachments open easily as Word or PDF files; how cn I fix?

    Two recent emails (Yahoo! Mail) each contained multiple attachments which were presented to me as zip files which were in a format that my computer could neither open or convert to files I could open. One was two Word documents; the other was five one-page PDFs. I tried with Firefox on two different computers with same results. When I switched to Internet Explorer, I was able to open the attachments each as separate Word or PDF files, with no trouble. Am I doing something wrong?

    instead of writing such an essay, you could have explained better what you tried to do to get them.

  • When in e-mail internet explorer stops working, when i click on help it suggests DEP settings

    when in aol mail internet explorer stops working intermitently, any suggestions?

    Its known issue, See:
    * https://bugzilla.mozilla.org/show_bug.cgi?id=713014
    this issue may have been fixed in beta/nightly, you should try it
    * firefox.com/beta

  • Flash site fails to display properly in internet explorer.

    I am having trouble finding out why
    http://websitemedia.net/playground/ferrioni/sandbox/
    fails to display properly in internet explorer ! The same site,
    http://websitemedia.net/playground/ferrioni/sandbox/,
    displays properly in firefox.
    I have checked & rechecked everything.
    What am i missing?
    BL

    It played fine at my side too.
    What version of flash you are using to create that swf?
    Make sure you have compatible version of flash player for
    your internet explorer.
    Try update your flash player to the latest version.

  • Why can't i open an attached document (most often pps) with firefox when i can with internet explorer?

    why can't i open an attached document (most often pps) with firefox when i can with internet explorer?

    Perhaps if you change your setting here:
    orange Firefox button ''or'' Tools menu > Options > Applications tab
    In the search box, type '''power''' and then pause until the list is filtered. If you have these, try changing the action to "Always Ask":
    Microsoft PowerPoint Presentation<br>
    Microsoft PowerPoint Slide Show
    It's possible that if you don't have Microsoft Office installed, you might not have those listed.

Maybe you are looking for

  • Can see only one of my published calendars

    Hi fellow Mac lovers. I'm a busy Mom. I've created calendars for me and each of the kids in iCal on my Mac. I have published them. Up on MobileMe I can only see the "mom" calendar when I login to MobileMe. I cannot see the calendars for the kids. Any

  • Error message in applets

    Hi, I have got the following error message : ava.lang.SecurityException: class "ImageFilter3"'s signer information does not match signer information of other classes in the same package      at java.lang.ClassLoader.checkCerts(Unknown Source)      at

  • Display HTML in Java Applet

    Is it possible to display HTML text in some control in Applet. I do not want to use the swing class for that. please guide me. I am currently using the TextArea to display text which displays text only in a single color. But I want to display text in

  • It doesn't accept secret phrase

    Hi, I've installed Firefox sync and, after that when I'm asket to create an account, I can make the first step, give my login, password and e-mail, I push "next" and I'm asked to write a secret phrase, I write it, I push "next" but nothing, It doesn'

  • BBP_PD055

    We are on SRM Server 5.5 and ECC 6.0. We are transferring  external requirements from ECC to SRM. During that I am getting the following error in SRM 1. No logical system for FI is maintained. Inform system admin. Message no. BBP_PD055 We have correc