Home/ Questions/Q 6060027
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T08:46:42+00:00

HTML : <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd> <html> <head> <meta name=generator

  • 0

HTML :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>
      Hello
    </title>
    <style type="text/css">

        div#myDiv {
                border: 1px solid #bed6f8; 
                background: url(images/image1.gif) no-repeat 5px bottom, #bed6f8 url(images/image2.png) repeat-x; 
                color: #000000; 
                font-weight: bold;
        }

    </style>
  </head>
  <body>
    <div id="myDiv">
      <br>
      <br>
      <br>
    </div>
  </body>
</html>

FireFox :

enter image description here

IE:

enter image description here

code related to menu

<div id="menu">
    <ul class="menu">
        <li><a class="leftCornerRound parent menuheader" id="home" href="#"><span>Item 1</span></a>
            <div>           
            <ul>                
                <li><a class="parent" href="#" id="SubItem1"><span>Sub Item 1</span></a>
                    <div><ul>
                        <li><a class="parent" href="#" id="SubItem1.1"><span>Sub Item 1.1</span></a>
                            <div><ul>
                                <li><a class="ui-widget-header" href="#"><span>Sub Item 1.1.1</span></a></li>
                                <li><a class="ui-widget-header" href="#"><span>Sub Item 1.1.2</span></a></li>
                            </ul></div>
                        </li>
.
.
.
.

css related to this:

div#menu a.parent {
    border: 1px solid #bed6f8; 
    background: url(images/submenu-pointer-bottom.gif) no-repeat 5px bottom, #bed6f8 url(css/blueSky/images/header.png) repeat-x; 
    color: #000000; 
    font-weight: bold;
}

div#menu a.parent:hover {
    border: 1px solid #bed6f8; 
    background: url(images/submenu-pointer-bottom.gif) no-repeat 5px bottom, #c6deff url(css/blueSky/images/default.png) repeat-x; 
    font-weight: bold; 
    color: #000000; 
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I recommend adding another wrapper element, and applying the second background to that.

    You already have a wrapper element. You have li and a.

    You should put the css/blueSky/images/default.png background on the li, and leave the images/submenu-pointer-bottom.gif background on the a.

    Make sure the elements are positioned correctly: the lis will need float: left and the as will need display: block.

    If you need multiple backgrounds on a single element in IE lower than v9, you could use CSS3 PIE:
    http://css3pie.com/documentation/supported-css3-features/#pie-background

    • 0