IE 6 dont apply width in background url

hello guys

i am using a menu that use this part of the all code

Code: Select all

#divNav { 
    background: transparent url(bk-nav.jpg) no-repeat top left;
     margin: 0; 
     padding: 0; /* top botom left right*/ 
     height: 80px;
     width: 760px; /**/ 
     border: 1px green solid; /*only for test*/ 
 }

well in FF and Opera works fine if i change as i wish the width value
but in IE no work and always i see the default width of the photo (has a size of 800px), how i can resolve this???

BTW i am using

Code: Select all

<!--[if IE 6]>
<link rel="stylesheet" href="micssmenuIE.css" type="text/css">
<![endif]-->

to avoid problems

thanks for advanced

Could you elaborate a little more. I'm confused. A link would be nice, if possible

Same boat as Ryan, can you post up a link. It is really hard to know what you are talking about without seeing the page. Thanks!!

hello

thanks for your reply

the problem is with this link
http://www.alistapart.com/d/hybrid/hybrid-4.html

if you open this link with FF or Opera looks normal and works normal (menu events)
remember that the photo width size is 800px, but for my application i want a size of 760px
so i can change this with the width property width: 760px; /**/ or any number as i wish

here again

Code: Select all

#divNav { 
    background: transparent url(bk-nav.jpg) no-repeat top left; 
    margin: 0; 
    padding: 0; 
    height: 80px; 
    width: 760px; /*width photo - value default was 800px*/ 
    }

i know that the width is really for the conteiner, but i can see how can change the size of the photo

so how i can change the size of the part of the menu??? (orange part charged by default with this)
to see both widths equals?

here

Code: Select all

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/ 
    position: absolute; 
    top: 25px; 
    left: 0; 
    padding-top: 15px; 
    background: #224d6f; 
    height: 28px; 
    width: 700px;     /*740px default */  /*width of the orange part of submenu labels*/ 
    padding-left: 60px; 
 }

lets go, if the link provided was open in IE6
you can see an error in first glance , fixed with this
margin-left: 0; in #nav part

again i can change the size of the submenu part with width: 700px; in
#nav li.off ul, #nav li.on ul section

but i cant change the width in #divNav , always the default 800px of the photo has more preference
that any value of width property

how i can fix this???

again, thanks so much for advanced