width:auto - not working in ie7

hi,

the top nav in this example:

http://cjehost.com/orthoneuro/

<ul id="TJK_dropDownMenu">
<li id="AB"><a href="default.asp">Home</a>
</li>
<li id="pipe">|</li>
<li id="AB"><a href="AD.asp">About OrthNeuro</a>
  <ul>
<li><a href="#">History</a></li>
<li><a href="#">Hospital Affliliations</a></li>
<li><a href="http://www.newalbanysurgicalhospitalfoundation.com" target="_blank">Nash Foundation</a></li>
</ul>
</li>
</ul>

displays the way i want it to: subanchor <li>s are all the same width and text is centered - i'm using width:auto to achieve this.

#TJK_dropDownMenu li ul {
      width:auto; !important;/* leaves room for padding */
      cursor:default;
      position:absolute;
      height:auto;
      display:none;
      left:-11px;
      padding:0 10px 10px 10px;
      background:url(images/spacer.gif);/* trick to keep'em open */
}

however, width:auto isn't doing the trick in ie7 - again:

http://cjehost.com/orthoneuro/

is there a work around? - the code snippet contains all the pertinent styles.




/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:auto; !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-11px;
	padding:0 10px 10px 10px;
	background:url(images/spacer.gif);/* trick to keep'em open */
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	/*width:8.30em;*/
	/*max-width:16.5%;*/
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:100%/*FF*/;/*this width is not effecting sub lis in ie*/
	padding:0;
	border:none;
	max-width:200%;
	border:1px solid #fff;
	border-top:none;
	
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:pointer;
	color:#fff;
	/*border-right:1px solid #fff;*/
	text-decoration:none;
	display:block;
	float:left;
	padding:3px 4px 0 4px;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	height:1.8em;/*HEIGHT FOR MAIN NAV*/
	line-height:1.5em;
	/*background:#99FFCC;*/
	
}
/* | */
#TJK_dropDownMenu li#pipe {
	cursor:default;
	color:#fff;
	/*border-right:1px solid #fff;*/
	text-decoration:none;
	display:block;
	float:left;
	padding:3px 0 0 0;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	height:1.8em;/*HEIGHT FOR MAIN NAV*/
	line-height:1.5em;
	/*background:#99FFCC;*/
	
}
/*LAST ANCHOR ON RIGHT*/
#TJK_dropDownMenu li#last_nav a {
	cursor:default;
	color:#fff;
	text-decoration:none;
	display:block;
	border-right:solid 0;
	float:left;
	padding:0 7px;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	/*height:2em;*/
	line-height:1em;
	
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:100%/*FF*/;
	position:relative !important; /* ie Mac */
	float:left;
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	border:1px solid #fff;
	color:#fff;
	background-position:0 50% !important;
}

Open in new window

phillystyle123Asked:
Who is Participating?
 
phillystyle123Author Commented:
Hey Kravimir - thanks for responding-  i got tired of messing with that menu and opted to just use dw drop downs for now - too much hassle - i'm going to delete the question.

thanks again,
phillystyle
0
 
David S.Commented:
I don't see that menu? Perhaps you meant to provide the URL for a different page?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.