xHTMLrank

Try to add: #navigation ul li:hover ul { left: 0; top: 100%; }

You are right, top level menu is a list, position: relative was already added, as well as top: 30 declaration. The only missing thing was left declaration.

Hello Jack, as I can see, the submenu displays in a wrong place, way too far to the right side. To solve this this issue, simply add a following line to one of Your CSS files: .sub-menu { left: 0; top: 35px !important; } It should fix this. Thanks, Paul

Hey, just put this code between <head> tags: <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> Also, You might need to add CSS line like: article, section, header, footer, aside { display: block; }

Here's another useful technique - SmartOptymizer.

Try to use a jquery script called Uploadify. Also, do some Google research using keywords like "jquery input file" etc. You'll find few more or less know scripts. You could also use CSS to hide a input button using opacity. It might be sufficient solution, depends on Your needs.

Few hints: - use sprites - optimize images (and use them wisely) - use server compression - use cache They are several of the most important things You might need. Also, download Firebug, Google Page Speed and ySlow.

Hello, that's hard to say imo, I had similar issue with spacebars and had to put to make them work properly. The problem is that such strange behaviour might be specyfic for particular font. Also, You might try to include all chars in font face generator. Thanks, Paul

Well, hard to say, try to check the website using native IE environments and You will see. But I think that it won't cause any errors.

Well, You did not put it correctly (IE doesn't find it). Put it just below <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - I am almost sure it would help.

Hello, I think that You should post a source code rather than screenshot

To be honest, changing sizes is a bit out-of-date issue because it mainly affected zooming in IE6. I am not 100% sure if it still happens in IE8 because I always use relative font sizes Well, neuralgic element is the element causing problems (I am not sure if such comparison appears in English). According to the IE issues, it's really hard to find it, sometimes that's a container, sometimes particular layout element, I sometimes spot this problem working with JS sliders in IE. IE has a slightly different understading of elements, just google for the hasLayout to find out more.

IE Tester might not understand this rule becuase it sets the default rendering method. Please try to implement the second techqniue and I will check later using native IE7 and IE8. In general, if it's possible avoid using IE tester.

Hello, nice to meet You. Lynda is amazing source of knowledge, I also used to buy a single year membership and can say it gave me some basic info about programs like Illustrator or InDesign. PS: don't use xHTML, it's HTML5 time

Few good tips regarding both Sold Out block and IE8 troubleshooting. As I see, You used absolute positioning for the block, it's properly center aligned in Firefox but not in IE8. Try to use position: absolute; left: 50%; margin-left: negative half of image width (example: margin-left: -40px; ). Another tip, which You might like even more (because no testing will be required), simply add the following line to the <head> of Your document: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />