Chrome showing SSL crossed out on my SSL page?

Question

Go to https://liquor.com/cask-bulleit/, then click BUY to get into the SSL enabled pages in Chrome.

Why is it that ONLY in Chrome I see the https crossed out (http://screencast.com/t/xcamgjats1kJ) when I am on the SSL required pages? Seems weird that I don't get any errors in Firefox or Safari, yet in Chrome I do. The SSL is valid and works (http://screencast.com/t/0gOdu3aQTk) so I am lost on what the issue is.

After some thought I am thinking that I must have direct links to non-https URLs on the checkout pages, and only Chrome is telling me about this but not other sites? If this is the case, then what happens if I really need those direct non-https links on the checkout/SSL pages??

Any help would be greatly appreciated.

Answer 1

You have some non-HTTPS connections in your HTTP requests. For one example on your site, http://liquor.com/wp-content/plugins/visitorcontact/css/visitor-contact.css?ver=abc, is HTTP . You have a ton of HTTP requests happening, with some failures.

Why can't you request these files in HTTPS? Using relative paths to your assets will usually take care of this.

UPDATE: FireBug