My bulleted list displays correctly in IE 8 and Firefox, but not in IE 7

I have a simple bulleted list in a right floated sidebar for a website. If views fine in IE 8 and Firefox, but not in IE 7 (and perhaps earlier, though I only have access to machines with IE 7 and 8.
Because the default indent for the bulleted list moves it too far to the right, I set a negative margin for that area of text in order to move it to the left a little. While it looks great in IE 8 and Firefox, it appears this margin setting is causing the bulleted list to shift too far to the left in at least IE 7. The rest of the copy in the sidebar div lookes fine including the title and paragraph copy.
Can anyone suggest a fix?
Also, I noticed the spacing above the main content div is smaller in IE 7 than with the IE 8 and Firefox. This div has a h1 heading followed by paragraphs. (This site was developed using a pre-existing CSS style sheet from Dreamweaver by the way.)

Strangely when I replied via e-mail my message got garbled when I looked at it here.
I was able to move over the bullet items to the left using your suggestion, however it now shows this line of copy above the page at the top of the window in the IE browser (both IE 7 and IE 8):
<!--[if lte 7]>
I'm including the code where you had indicated I should place it - in the <head> section after the link to the main stylesheet. I included it just after the other conditional comments. Perhaps I've included it in the wrong place - hence the line appearing above the pages (just above the banner)?
I did not change any other parameter. (This is a template page as all pages in the site are based on it.) The list feature does appear on a number of pages.
Also I should note the bullets have mysteriously disappeared and it's actually an unbulleted list in IE 7, which I could live with if I have to.
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Home Page</title>
<!-- TemplateEndEditable -->
<link href="../css/twoColFixRtHdr.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 10px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<!--[if lte 7]>
<style>
.twoColFixRtHdr #container #sidebar1 ul {
margin-left: 25px
</style>
<! [endif]-->
<style type="text/css">
<!--

Similar Messages

  • Ul Menubar Positions Correctly in Firefox but NOT in IE

    Hi I am having problems with my ul menubar. It displays correctly in dreamweaver and firefox but not in IE 9. Below are screenshots of what im trying to achieve. I placed the ul menubar where i want it (horizontally dropping down rather than vertical) and made its position absolute but for some reason IE does not like this. If there is anyone out there who would be willing to help me i would me most grateful!! Im relatively competent with dreamweaver cs5.5. Much thanks!
    Here is Firefox working properly:
    Here is Internet Explorer not working properly:
    Here is the menubar code:
      <td height="27" align="right" nowrap="nowrap"><ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a class="MenuBarItemSubmenu" href="../html/index.html">links</a>
          </li>
        <li><a href="../html/portfolio.html">contact</a>      </li>    
        <li><a class="MenuBarItemSubmenu" href="../html/profile.html">profile</a></li>
        <li><a href="../html/contact.html" class="MenuBarItemSubmenu">projects</a>
          <ul>
            <li><a href="#">industrial</a></li>
            <li><a href="#">institutional</a></li>
            <li><a href="#">commercial</a></li>
            <li><a href="#">residential</a></li>
            <li><a href="#">award winning</a></li>
          </ul>
        </li>
        <li><a href="../html/links.html">home </a></li>
      </ul></td>
    Here is the menubar script:
    @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: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    clear: right;
    float: right;
    position: relative;
    /* 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;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: pointer;
    width: 80px;
    float: right;
    height: 27px;
    text-align: right;
    /* 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: 100%;
    z-index: 1020;
    cursor: default;
    position: absolute;
    left: -1000em;
    top: 27px;
    display: inherit;
    /* 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
    left: -200px;
    top: 27px;
    position: absolute;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 120px;
    /* 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
    height: 27px;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    background-color: #FFF;
    color: #003366;
    text-decoration: none;
    height: 17px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    text-transform: lowercase;
    vertical-align: middle;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    /* 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: #FFFFFF;
    height: 17px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FF9900;
    /* 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-color: #FFFFFF;
    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%;
    height: 17px;
    /* 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-image: url(SpryMenuBarRight.gif);
    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%;
    height: 17px;
    /* 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-image: url(SpryMenuBarRightHover.gif);
    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\loat: right;
    background: #FFF;

    Spry Menus 10 Commandments
    http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
    Fixing Spry Menus 1.6.1
    http://www.projectseven.com/testing/adobe-bugs/spry-menus/
    That said, Adobe abandoned the Spry framework and you may want to do the same. 
    http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
    Nancy O.

  • V 3.2 v2 now has problems with layouts, displays images fine in IE10, Firefox but not in Chrome...

    Images placed in a page are not displaying in the same places in the design view on the rendered Chrome page, they are perfect in IE 10 and Firefox but not chrome / safari (ipad)?
    In other words I cant get all the browsers to render the same, in order to get one set to work I have to position images one way and then they dont work in the other browsers? it doesnt make much sense but i cant seem to figure it out and need urgent help!
    see here: http://www.nalpeiron.com/--analytics-solutions-by-role--.html
    this has been setup to work with chrome, but in the design view you have to place the images in totally wrong places to get them to show correctly....
    if you review in ie/firefox you can see the problem!
    Ideas?

    Every browser will potentially line break the same text with the same formatting differently due to subtle differences in the text layout engines between browsers, so the inline graphic approach is generally the best approach for achieving completely reliable results.
    The reason the difference was so dramatic between IE or Firefox versus Chrome or Safari is that Chrome and Safari are based on Webkit and Webkit rounds percentage leading to a whole pixel value where as IE and Firefox interpret percentage leading as a fractional pixel amount, if necessary. This means line spacing for text with leading that's specified as a percentage will be substantially different between IE/Firefox and Chrome/Safari. You can avoid this by entering a pixel value (i.e. "14 px" for leading in the Control Strip or Text panel in Muse.

  • RegionRenderer encodeAll The region component with id: pt1:r1 has detected a page fragment with multiple root components. Fragments with more than one root component may not display correctly in a region and may have a negative impact on performance.

    Hi,
    I am using JDEV 11.1.2.1.0
    I am getting the following error :-
    <RegionRenderer> <encodeAll> The region component with id: pt1:r1 has detected a page fragment with multiple root components. Fragments with more than one root component may not display correctly in a region and may have a negative impact on performance. It is recommended that you restructure the page fragment to have a single root component.
    Piece of code is for region is:-
       <f:facet name="second">
                                                <af:panelStretchLayout id="pa1"
                                                                       binding="#{backingBeanScope.Assign.pa1}">
                                                    <f:facet name="center">
                                                        <af:region value="#{bindings.tfdAssignGraph1.regionModel}" id="r1"
                                                                   binding="#{backingBeanScope.Assign.r1}"/>
                                                    </f:facet>
                                                </af:panelStretchLayout>
                                            </f:facet>
    How do I resolve it ?
    Thanks,

    Hi,
    I see at least 3 errors
    1. <RegionRenderer> <encodeAll> The region component with id: pt1:r1 has detected a page fragment with multiple root components.
    the page fragment should only have a single component under the jsp:root tag. If you see more than one, wrap them in e.g. an af:panelGroupLayout or af:group component
    2. SAPFunction.jspx/.xml" has an invalid character ".".
    check the document (you can open it in JDeveloper if the customization was a seeded one. Seems that editing this file smething has gone bad
    3. The expression "#{bindings..regionModel}" (that was specified for the RegionModel "value" attribute of the region component with id "pePanel") evaluated to null.
    "pageeditorpanel" does seem to be missing in the PageDef file of the page holding the region
    Frank

  • Crystal Report Viewer (flash based) is displaying partial of the flash interface. It is working well on Firefox 3.6.7 and below but not in Firefox 3.6.8. It is also working well on Internet Explorer and Chrome and Safari. Please check if you can advise o

    Crystal Report Viewer (flash based) is displaying partial of the flash interface. It is working well on Firefox 3.6.7 and below but not in Firefox 3.6.8. It is also working well on Internet Explorer and Chrome and Safari. Please check if you can advise on this problem we are facing. Thank you.
    == This happened ==
    Every time Firefox opened
    == Crystal Report Viewer (flash based) is displaying partial of the flash interface. It is working well on Firefox 3.6.7 and below but not in Firefox 3.6.8. It is also working well on Internet Explorer and Chrome and Safari. Please check if you can advise on this problem we are facing. Thank you. ==
    == User Agent ==
    Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.0.249.78 Safari/532.5

    Reset the page zoom on pages that cause problems: '''View > Zoom > Reset''' (Ctrl+0 (zero); Cmd+0 on Mac)
    See [[Text Zoom]] and [[Page Zoom]] and http://kb.mozillazine.org/Zoom_text_of_web_pages
    You can try if it works if you disable OOPP (Out-Of-Process-Plugins) for Flash
    You can set the prefs dom.ipc.plugins.enabled.* to false on the about:config page to disable the plugin-container process.
    dom.ipc.plugins.enabled (currently false by default)
    dom.ipc.plugins.enabled.npswf32.dll (Flash)
    To open the ''about:config'' page, type '''about:config''' in the location (address) bar and press the Enter key, just like you type the url of a website to open a website.
    If you see a warning then you can confirm that you want to access that page.

  • I installed CS6 on my new retina MacBook pro laptops. InDesign and Acrobat display document pixilated. I ran the updates and it fixed Illustrator and Photosho, but not InDesign and Acrobat. What can I do to make them display in high resolution? HELP!

    I installed CS6 on my new retina MacBook pro laptops. InDesign and Acrobat display document pixilated. I ran the updates and it fixed Illustrator and Photosho, but not InDesign and Acrobat. What can I do to make them display in high resolution? HELP!

    InDesign CS6 is not optimized for retina displays. You’ll need to move to Creative Cloud for retina compatibility.

  • Where are the bullets for adobe. im creating a document and they are not in the toolbar

    where are the bullets for adobe. im creating a document and they are not in the toolbar

    ADOBE PRO   I JUST GOT IT A FEW MONTHS AGO

  • TS4268 I've tried the listed troubleshooting procedures to activate Facetime and iMessage, but no luck. Are there any other options? If it helps, I'm currently overseas and only using WiFi to connect.

    I've tried the listed troubleshooting procedures to activate Facetime and iMessage, but no luck. Are there any other options? If it helps, I'm currently overseas and only using WiFi to connect.

        lovethoseleaves,
    Oh no! I am saddened to hear that you are having troubles with your MMS pictures. I know that this can be an important thing to be able to do. I appreciate you working with us to get this matter resolved as well. I see that you have spent time working with us, and I know that can also be frustrating. There are a few things we can check though. Are these to any specific numbers or all? A factory reset certainly should've resolved this. We can check into the account set up as well for that if need be. Please share any additional details that you can think of. Thanks.
    ErinW_VZWSupport
    Follow us on Twitter @VZWSupport

  • Horizontal Spry Menu doesn't display correctly in browser.  Displays correctly in live view and prev

    Hello,
    I am new to web building and am having trouble with my Spry menu.  It won't display correctly.
    www.denverphotographics.com
    Please Help!!
    Thanks,
    Rob

    #1 Upload your Spry Assets folder to your remote server.  The necessary CSS & JavaScript files are 404 not found.   That's why your menu looks un-styled.
    #2 Loud, gratuitous, unsolicited music on web sites is a very bad idea.  It forces a lot of people to click away from your site and never return.   It so happens I was listening to other media when I clicked on your site.  That cacophony of competing noise was not the least bit enjoyable.
    Nancy O.

  • List display update labelfunction after drag and drop

    I have two list boxes. I have drag and drop enabled and depending upon whether an item has been already dragged to the right box, I want its display in the left box to change (gray out). I have the  label function working fine but it's always one item behind, i.e., when I drop an item in the right side box, it's not grayed in the left box until the next action.
    I've tried after the drop things such as:
    dp.refresh()
    leftSideBox.validateNow();
    Anything else I can do to get the left side box to re-run the label function for the dataprovider as soon as the drop is done?

    Wow. It's almost as if you knew the answer. Thanks.

  • List display for ALV using class and methods

    Hi friends
    I want the list display for the ALV using Class and methods
    which class and methods i can use.
    Here we can't use the REUSE_ALV_LIST_DISPLAY and also GRID
    I was done GRID display using class and methods but i want only list display for using class.
    plz Give me sample code of list display not for grid.
    Thanks
    Nani.

    hi
    please check with this code...
    declare grid and container.
    DATA : o_alvgrid TYPE REF TO cl_gui_alv_grid,
    o_dockingcontainer TYPE REF TO cl_gui_docking_container,
    i_fieldcat TYPE lvc_t_fcat,"fieldcatalogue
    w_layout TYPE lvc_s_layo."layout
    If any events like double click,etc., are needed we have to add additional functionality.
    call the screen in program.
    Then , create the container as follows
    IF cl_gui_alv_grid=>offline( ) IS INITIAL.
    CREATE OBJECT o_dockingcontainer
    EXPORTING
    ratio = '95'
    EXCEPTIONS
    cntl_error = 1
    cntl_system_error = 2
    create_error = 3
    lifetime_error = 4
    lifetime_dynpro_dynpro_link = 5
    others = 6.
    ENDIF.
    CREATE OBJECT o_alvgrid
    EXPORTING
    i_parent = o_dockingcontainer.
    Build the fieldcatalog
    create a output structure in SEll for the ALV output
    CALL FUNCTION 'LVC_FIELDCATALOG_MERGE'
    EXPORTING
    i_structure_name = <alv output>
    CHANGING
    ct_fieldcat = i_fieldcat[]
    EXCEPTIONS
    inconsistent_interface = 1
    program_error = 2
    OTHERS = 3.
    IF sy-subrc <> 0.
    MESSAGE i030."Error in building the field catalogue
    LEAVE LIST-PROCESSING.
    ENDIF.
    *If you need to modify the field catalog,modify it using field sysmbols
    *setting the layout
    w_layout-grid_title = title.
    w_layout-zebra = 'X'.
    then displaying the output
    CALL METHOD o_alvgrid->set_table_for_first_display
    EXPORTING
    i_save = 'A'
    is_layout = w_layout
    CHANGING
    it_outtab = i_output[]
    it_fieldcatalog = i_fieldcat[]
    EXCEPTIONS
    invalid_parameter_combination = 1
    program_error = 2
    too_many_lines = 3
    OTHERS = 4.
    IF sy-subrc <> 0.
    MESSAGE i032 ."Error in Displaying
    LEAVE LIST-PROCESSING.
    ENDIF.
    *After that in PAI of the screen, you need to free the *object while going back from the screen(according to *your requirement)
    MODULE user_command_9001 INPUT.
    CASE sy-ucomm.
    WHEN 'EXIT' OR 'CANC'.
    PERFORM f9600_free_objects:
    USING o_alvgrid 'ALV' text-e02,
    USING o_dockingcontainer 'DOCKING'
    text-e01.
    LEAVE PROGRAM.
    ENDCASE.
    ENDMODULE. " USER_COMMAND_9001 INPUT
    *in the program, write the follwoing code
    FORM f9600_free_objects USING pobject
    value(ptype)
    value(ptext).
    DATA: l_objectalv TYPE REF TO cl_gui_alv_grid.
    CASE ptype.
    WHEN 'ALV'.
    l_objectalv = pobject.
    IF NOT ( l_objectalv IS INITIAL ).
    CALL METHOD l_objectalv->free
    EXCEPTIONS
    cntl_error = 1
    cntl_system_error = 2
    OTHERS = 3.
    CLEAR: pobject, l_objectalv.
    PERFORM f9700_error_handle USING ptext.
    ENDIF.
    WHEN 'DOCKING'.
    DATA: lobjectdock TYPE REF TO cl_gui_docking_container.
    lobjectdock = pobject.
    IF NOT ( lobjectdock IS INITIAL ).
    CALL METHOD lobjectdock->free
    EXCEPTIONS
    cntl_error = 1
    cntl_system_error = 2
    OTHERS = 3.
    CLEAR: pobject, lobjectdock.
    PERFORM f9700_error_handle USING ptext.
    ENDIF.
    WHEN 'CONTAINER'.
    DATA: lobjectcontainer TYPE REF TO cl_gui_container.
    lobjectcontainer = pobject.
    IF NOT ( lobjectcontainer IS INITIAL ).
    CALL METHOD lobjectcontainer->free
    EXCEPTIONS
    cntl_error = 1
    cntl_system_error = 2
    OTHERS = 3.
    CLEAR: pobject, lobjectcontainer.
    PERFORM f9700_error_handle USING ptext.
    ENDIF.
    WHEN OTHERS.
    sy-subrc = 1.
    PERFORM f9700_error_handle USING
    text-e04.
    ENDCASE.
    ENDFORM. " f9600_free_objects
    FORM f9700_error_handle USING value(ptext).
    IF sy-subrc NE 0.
    CALL FUNCTION 'POPUP_TO_INFORM'
    EXPORTING
    titel = text-e03
    txt2 = sy-subrc
    txt1 = ptext.
    ENDIF.
    endform.
    also check with this
    http://help.sap.com/printdocu/core/Print46c/en/data/pdf/BCSRVALV/BCSRVALV.pdf
    Hope this helps
    if it helped, you can acknowledge the same by rewarding
    regards
    dinesh

  • Spry menu displays fine in FF and Chrome but not in IE

    hello all -
    as stated my Spry menu drops down fine (vertical) in FF and Chrome but in IE8 it displays horizontal. pls help & ty!
    here is the CSS and an example page-
    http://www.thelders.com/BlueRidge/ContactUs.html
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    #MenuBar1 {
    margin:0 auto;
    width:876px;
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    /* 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;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    /* 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: 100%;
    z-index: 1020;
    cursor: default;
    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 {
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li {
    width: 8.2em;
    /* 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 #738dbb;
    background-color: #ddd9c3;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a {
    display: block;
    cursor: pointer;
    padding:6px 18px;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    /* 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-color: #aac0db;
    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-image: url(SpryMenuBarDown.gif);
    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-image: url(SpryMenuBarRight.gif);
    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-image: url(SpryMenuBarDownHover.gif);
    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 ul a.MenuBarItemSubmenuHover {
    background-image: url(SpryMenuBarRightHover.gif);
    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;
    /* 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\loat: left;

    First off read the notice on the index page of this forum
    Announcement: Introducing Spry UI
    Then add the following style rules to your document
    ul.MenuBarHorizontal li {
        width: 8em;
    ul.MenuBarHorizontal ul {
        width: 8.2em;
    I hope this helps.
    Ben

  • Web layout displays fine in Safari, Firefox but not in IE6

    HI there
    Am new to this forum and really hope you can help. I have
    designed a website for someone integrating various flash files into
    dreamweaver 2004 MX.
    Each flash file represents, top nav bar, side nav bar, right
    nav bar, title of body, and body of page.
    I am using server side includes for each flash file such that
    each nav bar etc has its own html doc.
    I have used relative positioning in order that the website be
    centered on the page.
    My problem is this:
    I am using Dreamweaver on Parallels VM on my intel Mac and
    therefore check the layout on Safari and Firefox.
    When trying to position each layer on dreamweaver such that
    they viewed correctly on those browsers they had to be positioned
    such that looked 'skewed' on the dreamweaver preview. In other
    words the left nav bar would appear to be much lower down compared
    to the top nav bar; the right nav bar was even lower on the page,
    about half way down; and the title and body layers were 'pushed' to
    the bottom.
    The thing is i had to position it this way so that it would
    look fine on safari and firefox - -otherwise the layers would
    overlap or be way out place.
    The only way to see this for yourself is to look at the
    website on IE6. ON IE6 it looks exactly as it does on dreamweaver
    preview. however, on IE7, Safari and Firefox it looks as how i want
    it to look.
    So just to recap on my ramblings: Website layers look out of
    position on Dreamweaver preview and IE6, but look fine on other
    browsers.
    Does anyone know why this is happening?
    The website is
    PUURGEN.COM

    HI Murray.
    You dont really seemed to have tried to answer my question
    and you seem to be a little misinformed about flash these days.
    please read the following for example:
    http://googlewebmastercentral.blogspot.com/2008/06/improved-flash-indexing.html
    http://www.adobe.com/devnet/flashplayer/articles/swf_searchability.html
    Ok, this is just for google, but Yahoo is very soon to follow
    suit.
    quote:
    Originally posted by:
    Newsgroup User
    > Each flash file represents, top nav bar, side nav bar,
    right nav bar,
    > title of
    > body, and body of page.
    <OUCH>
    This is a guaranteed no-show in search engine indexes, you
    know? Not only
    can they not index your site, they cannot read any of its
    contents. And as
    for accessability, forget it.
    Are you sure you want to continue on this non best-practice
    road?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "rustypico" <[email protected]> wrote in
    message
    news:[email protected]...
    > HI there
    >
    > Am new to this forum and really hope you can help. I
    have designed a
    > website
    > for someone integrating various flash files into
    dreamweaver 2004 MX.
    >
    > Each flash file represents, top nav bar, side nav bar,
    right nav bar,
    > title of
    > body, and body of page.
    > I am using server side includes for each flash file such
    that each nav bar
    > etc
    > has its own html doc.
    >
    > I have used relative positioning in order that the
    website be centered on
    > the
    > page.
    > My problem is this:
    >
    > I am using Dreamweaver on Parallels VM on my intel Mac
    and therefore
    > check
    > the layout on Safari and Firefox.
    > When trying to position each layer on dreamweaver such
    that they viewed
    > correctly on those browsers they had to be positioned
    such that looked
    > 'skewed'
    > on the dreamweaver preview. In other words the left nav
    bar would appear
    > to be
    > much lower down compared to the top nav bar; the right
    nav bar was even
    > lower
    > on the page, about half way down; and the title and body
    layers were
    > 'pushed'
    > to the bottom.
    >
    > The thing is i had to position it this way so that it
    would look fine on
    > safari and firefox - -otherwise the layers would overlap
    or be way out
    > place.
    >
    > The only way to see this for yourself is to look at the
    website on IE6.
    > ON
    > IE6 it looks exactly as it does on dreamweaver preview.
    however, on IE7,
    > Safari and Firefox it looks as how i want it to look.
    >
    > So just to recap on my ramblings: Website layers look
    out of position on
    > Dreamweaver preview and IE6, but look fine on other
    browsers.
    >
    > Does anyone know why this is happening?
    >
    > The website is
    >
    >
    http://www.puurgen.com
    >

  • Bluetooth paired and connected, but not showing up in device list

    I have a iphone 4s and a plantronics discovery 975.  It was working fine, I don't recall doing any updates...  But now, it's showing paired and connected, but when I make a call, it's not connecting and doesn't sho up in the the device options - only shows speaker.  I already did the 'forget device' and re-paired it and it still won't work.  If I press the call button twice on the bluetooth, it'll call the last number dialed, so I know there's some connection...  I'm lost... Any help would be appreciated!

    Oh!  And here's another weird thing.  My nephew was visiting yesterday, helping me move furniture and he asked could he get on my wifi.  I opened the network lock and put the password in his phone myself and it never gave me a notification that he had connected.  Later, my dad came over and when his phone connected to my wifi, it let me know that he had connected.  Wonder what's different about these 3 devices (blu-ray, 2 iphones).  None were listed in the network map before I allowed them to connect yesterday.

  • Music on Hold working correctly on incoming line on hold, but not working on another, hearing Tone on Hold instead

    Hello, we are experiencing an issue where we have a local main number and a toll-free number both coming into the Cisco switch as PSTN incoming and routed to the same voice translation rule line. Two weeks ago we updated the Music on Hold (MOH) file in flash, first disabling the previous file. The new file appears exactly the same as the previous file, and we successfully set it through the CUCME portal. The new MOH file is playing correctly when a incoming user is put on hold when dialed in through the local main number. However, when a user has dialed in through our toll free number they are instead hearing a Tone on Hold beeping tone (I googled that multiple times to realize what it was we are hearing).  Anyone have any ideas as to why or how it could be working on one incoming line but not the other and how to resolve?

    Not sure how the Express works but on the CuCM you need to go into the administration pages and change the MoH file number there.  I had this issue a few years back and changed the information there.  I also made sure the router was setup correctly with the incoming lines.  Make sure that the 800 number is not coming in on (1) T1 and the local numbers on a different T1, if you are using T's.  If not make sure you WIC card is set correct for hold music.

Maybe you are looking for

  • Cube not getting Loaded

    Hi Friends,            I have a cube which is getting loaded for R/3 data source, In the extractor (RSA3) there are records, and after loading the infopackage also the PSA also has records, when I do the upload from my PSA to my cube, the job is also

  • How can I open a web page that is not compatible with safari?

    Hi all I get the following message when I try to go to a certain web site: http://www.sia.homeoffice.gov.uk/Pages/licensing-rolh.aspx click on the "GO TO THE REGISTER" button Please note: clicking the button above will transfer you to our secure serv

  • Bapi for migo transaction

    i have created a bapi to upload data for MIGO transaction.. (GOODS RECEIPT-->PURCHASE ORDER) i am getting the error " stock posting is not possible for this material "'. when i create directly, it is posted.. while uploading through the program it sh

  • I'm stuck in iPhone Developer Program set up that i never started, how do I get my iPod to skip this and just work like normal?

    I'm stuck in iPhone Developer Program set up that i never started, how do I get my iPod to skip this and just work like normal?

  • Strange Disco 10 excel export issue

    Hi all, I have a report which returns 24141 rows. I can export to Excel ok in Discoverer 10 Desktop. However, a strange thing happens when trying to export in Plus / Viewer. The export seems to go ok and an excel file is created in the location, eg m