Width not working in IE -

[wstep]

1) Script Title:
Chrome CSS Drop Down Menu (v2.5)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem:
Width not working in IE -

I've installed the Chrome Drop Down Menu and it looks great in Firefox and Chrome but goes wonky in IE and I'm too much of a novice to figure out why. I see there was a forum topic about the width not working but the link wasn't working for me.

my site:
www.bikramyogasurrey.com

Thanks for any help.
Mark

[ddadmin]

It looks like the text for your main menu items is just long enough that it causes it to spill over into the 2nd line in IE. While the width of the menu should theoretically be identical across browsers, I guess IE renders certain things slightly differently, hence the longer width. I'd try decreasing the padding inside chrome.css to see if that changes anything:


.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 5px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #cac995; /*THEME CHANGE HERE*/
}

Adjust the value in red above to something smaller.