ekdor

Awesome work! Thanks for your quick help and the description.

Great, thank you. That was what I needed. Fixed.

It’s just that I didn’t understand. Sorry.

It’s possible. The first one I did was based on a tutorial. All the others followed from what I did. Hence the propagation of the issue through my other sites.

The position absolute used in the ul.dropdown ul style causes in most browsers puts it where I want it. But if I change or remove it all the other browsers act like FireFox and IE do. Makes me think FF and IE are not using it. I tried making it important but no change. I might be getting distracted by that tho. NOTE: I have trie trial and error removals to identify the differences. But this is the only thing that seems to visually splits the browsers.

I might spend tonight starting it from scratch using my own understanding. Adding bit by bit keeping an eye on FF. Just hopping not to have to. Lots of other work to do.

.menu-bar {
	width: 1000px;
	height: 64px;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	text-align: center;
	padding-top: 21px;
	margin-top: -64px;
	margin-bottom: -21px;
	overflow: visible;
	border-radius: 1px;
	position: relative;
	z-index: 2;
}

.menu-bar a {
	text-transform: capitalize;
	color: rgba(0,0,0,0.75);
	font-size: 18px;
	font-weight: normal;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

.current-menu-item a {}

ul.dropdown {
	list-style: none;
	width: 100%;
}

ul.dropdown li {
	display: inline;
	position: relative;
}

ul.dropdown li:hover a {
	padding: 12px 15px 11px 15px !important;
}

ul.dropdown a {
	padding: 0px 15px 0px 15px;
}

ul.dropdown a:hover {
	color: rgba(0,0,0,0.75);
	background: linear-gradient(	#ffffff 0%,
											rgba(255,255,255,0) 100%	);
}

ul.dropdown li ul a {
	display: block;
	font-size: 14px;
	margin: 0px 0px 0px 0px !important;
}

/* I think the issue has something to do with this */

ul.dropdown ul {
	text-align: left;
	position: absolute;
	list-style: none;
	width: 250px;
	z-index: 500;
	margin: 0px 0px 0px 0px !important;
}

ul.dropdown li ul {
	background: url('images/menu-dropdown-bot.png') no-repeat bottom,
					url('images/menu-dropdown-top.jpg') no-repeat top,
					url('images/menu-dropdown-bkgrnd.png') repeat-y;
	margin: 8px 0px 0px 0px !important;
	box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.35);
	border-radius: 1px;
}

ul.dropdown ul ul {
	top: 0px;
	left: 100%;
}

ul.dropdown ul li {}

ul.dropdown li * a:hover {
	background: url('images/menu-dropdown-h.png') no-repeat;
	margin: 0px 0px 0px 0px !important;
	font-size: 14px;
}

ul.dropdown ul, ul.dropdown li:hover ul ul, ul.dropdown ul li:hover ul ul { display: none; }

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul li ul li:hover ul { display: block; }

Yes it is mine. Built from scratch. Hmm can you have a look for me? I’ll do a reply with the full CSS I used. I ask because I’ve driven myself crazy going over my menu stylesheets.

The 3.6.1 update fixed this issue.

Thanks for your reply.

Hmm, I just realised I failed to ask my question clearly. The code I supplied puts an image in place of that code if a taxonomy is selected for a particular article. Works well enough as is. To help describe my intensions. I have this code right after the name of an article which is listed in a loop. So what I think I would like to try, instead of adding an image after the name, is toggle the class for the name. So for example; normally the name might be back text, but if this taxonomy is selected it uses a different class that makes the text red.

I had come across something like this in the past while research a solution to a different issue. But for the life of me now that I want it I can’t find it.

Regards,.

Ok found I was missing a height value in my css for the roundabout. All working well now.

@alchymyth, Thanks for your assistance once again.

Thanks. That code actually did the trick. But all the images were distorted in both horizontal and sometime vertical dimensions. Compressed beyond the images natural ratio. I suspect this is something to do with the original script. Thanks a lot again. Twice this week you have come to my aid!

Will investigate it further tomorrow.

Cheers,

P.S. Issue is resolved and I need to change the resources I provided. I hope the description is enough for others looking for help with this same issue.

That seems to have not had any effect this time around.

Sorry. it’s working. Thank you very much for that.

Cheers,.

Safari, but the issue seems to show up in chrome and firefox as well.

I don’t know. I can’t see the issue.

Incidentally, this is the page where I found the code for the functions page I mentioned above:

43 | Adjusting Caption Frame Width