Problem: serving page through HTTPS, IE7 shows the warning: "This page contains both secure and nonsecure items. Do you want to display the nonsecure items?".
According to past experience, there are 2 main reasons for this warning:
- There are content on the web page from non-secure source. You should remove any link to nonsecure content in order to get rid of this warning;
After some painful experiments, I found that the the source of the problem came from my use of YUI panel. I added a background image to the panel like this:
There are 2 workarounds recommended in MSDN KB 925014. The second method meets my need very well. I just moved the specification of background image to CSS. This seems to solve the problem.
It still puzzles me, as why this warning only appears 2 out of 10 times. Following "Workaround" in the article did fix the warning permanently.
Although I finally fixed the problem. I wish IE7 could have provided a little more hint in why it complains about the nonsecure content or the source of the nonsecure content. Better yet, IE7 should give developer's a way to see the rendered HTML content. As far as I know, the only thing I can do is to remove elements on my page one by one, until the warning is gone.
MSDN KB 925014 http://support.microsoft.com/kb/925014