internet-explorer-7

I'm using the IE web developer toolbar to troubleshoot an issue. A blank white space is appearing below a list item, and I can't logically figure out why. Using the web dev toolbar, I see that in example 1 below, a "Text - Empty Text Node" is being output below "Text - Google". Ironically, in the second, with a space manually inserted after the word "Google", that text node no longer appears. It would make complete sense to me if the results were reversed. Any ideas what may cause this odd behavior? Note: this is occuring in IE7, but not IE8. <li><a href="www.google.com">Google</a></li> -

I'm working now on a page that has a column of boxes styled with sexy shadows and corners and whatnot using the example here . I have to admit, I don't fully understand how that CSS works, but it looks great. Inside the topmost box is a text-type input used for searching. That search box is wired up to a YUI autocomplete widget. Everything works fine in Firefox3 on Mac, FF2 on Windows, Safari on Mac. In IE7 on WinXP, the autocomplete suggestions render underneath the round-cornered boxes, making all but the first one unreadable (although you can still see enough peeking out between boxes that

We need to clear the authentication cache in IE with Javascript. On IE6 we use: document.execCommand('ClearAuthenticationCache'); and it works. On IE7 it doesnt work. what can i do? thanks... Grant Wagner Are you seeing any JavaScript errors (a yellow exclamation mark icon in the lower left corner)? Can you provide more details? Are you absolutely certain that line of code is executing (try adding alert('execCommand'); above and below it). It is possible some other JavaScript error caused by something that works in Internet Explorer 6 but does not work in Internet Explorer 7 is preventing that

I want a set of <td> s to float left in IE7. They should break onto the next line if the window is too small. CSS table { width: 100%; } td { border: 1px solid red; } tr.f td { width: 500px; float: left; } HTML: <table> <tr class="f"> <td>1</td> <td>2</td> <td>3</td> </tr> </table> This works in IE8 and Firefox, but not in IE7. What am I doing wrong? Page rendering mode is "IE7 (Quirks)" or "IE7 (Standards)". I'm trying with IE8, though, trusting that IE7 rendering mode is what it says. "IE8 Compatibility View" is failing as well, only "IE8 Standards" gets it right. I don't think this is

I have two relative positioned DIVs A & B. a has a DIV as child element called A' which is absolute positioned and has a z-index of 1000. DIV B' is a child element of DIV B and positioned absolute as well. Firefox renders this as expected: A'-B'-B-A(from nearest to farest from the user) However, in IE7 I get: B'-B-A'-A Please can someone help me out with a workaround? I've already wasted hours with this problem! Thanks in advance, Stephan The issue is that in IE7 and earlier, it basically "resets" the z-index inside of relative positioned items. If none of these work see 'The Last Resort'