marthalee

Thanks, PSM Digital. I tried your workaround but I cannot delete the url–highlighting it and pressing “delete” acts as if I had pressed “enter”–opens the image page again! (Updated to 3.1.2, and these are mostly Pages not Posts, if that’s relevant.) It will not allow me to position the cursor at the end of url and delete character by character–its as if the cursor were not positioned there, pressing “delete” has no effect.

What I *THINK* I learned, by the time I fixed my issue, would pertain to you ONLY if you have edited your style.css file.

What I created, by editing the css, was a combined menu-and-dropdowns styling that was partly pixel-based and partly em-based. (I tend to prefer em-sizing of fonts.) I THINK what was happening was that the em-sizing was not calculated to the same pixel size in all browsers. Browsers of course round, and I believe my problems resulted from a rounding error. For example, a size (line-height, say) in ems might calculate to 20.52 pixels–and the drop-downs work when/if a browser rounds to 21, but the menu would lose focus when/if a browser rounds to 20. (It might also involve different-ly sized versions of the same font on visitors’ computers. I know Palatino was huge, one of the biggest fonts per point size, in the mid-90s, then reappeared in a rather weenie size–I think this may not be terribly uncommon.)

IF you’ve edited your style.css, I’d suggest you go in and check that EVERYTHING having to do with the navigation bar and dropdowns is specified in pixels–no ems, no percentages, points, words (“smaller”), etc.

If you have NOT edited your style.css file, it would seem to be a problem for the Twenty Ten task force…. perhaps they will enter in a moment, stage left?

Good luck to you, dan!

Thanks for the clarification, esmi. I’m still working on this as I can’t get the problem to happen with ANY browser on my computer….

Hi esmi, thanks for your response.

Since a space could be horizontal or vertical, I wasn’t sure which you meant, so I experimented.

First I eliminated “margin-right: 1px” from
#access li:hover > a,
#access ul ul :hover > a
and from
#access ul li.current_page_item > a,
#access ul li.current_page_parent > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a

Checked with friend–menus still disappearing!

Then I changed “margin: 4px 0 1px 0;” to “margin: 0;” on
#access a

and THEN the drop-down menus started disappearing for ME! (As well as looking awfully cramped up.)

So I restored “margin: 4px 0 1px 0” to #access a:. In other words, I’m back to last friend-tested and still-problematic configuration.

All my CSS errors, as linked above, are the “web-kit-size-adjust” stuff I inherited from Twenty ten–which (along with radius, box-shadow, etc) the W3C folks are pleased to insist do not exist.