%20rotate(-10)'%20style='fill:%23ccc'/%3e%3crect%20x='74.69'%20y='15.97'%20width='13.78'%20height='13.78'%20transform='translate(-2.73%2014.51)%20rotate(-10)'%20style='fill:%23ccc'/%3e%3cpath%20d='M25.35,35.07H48.72v7.85H32.89l-.84,5.32a16.07,16.07,0,0,1,3.25-1.16,13.43,13.43,0,0,1,3.18-.39A11.85,11.85,0,0,1,47.1,49.9,10.8,10.8,0,0,1,50.41,58a13.65,13.65,0,0,1-1.7,6.59,11.56,11.56,0,0,1-4.83,4.84,17,17,0,0,1-8,1.66,23.83,23.83,0,0,1-6-.66,12.11,12.11,0,0,1-4.25-2,11.62,11.62,0,0,1-2.84-3A15.55,15.55,0,0,1,21,61.31l10-1.09a6.07,6.07,0,0,0,1.69,3.64,4.49,4.49,0,0,0,3.17,1.24,4.3,4.3,0,0,0,3.4-1.56,7,7,0,0,0,1.34-4.65,6.67,6.67,0,0,0-1.36-4.64,4.65,4.65,0,0,0-3.6-1.47,5.77,5.77,0,0,0-2.75.7,8,8,0,0,0-2.18,1.84l-8.38-1.21Z'%20style='fill:%23fff'/%3e%3cpath%20d='M60.53,51.45a9.31,9.31,0,0,1-3.38-2.76,8.11,8.11,0,0,1-1.45-4.78,8.47,8.47,0,0,1,4.18-7.27,15.3,15.3,0,0,1,8.63-2.18q7.09,0,10.49,2.71A8.34,8.34,0,0,1,82.4,44a8,8,0,0,1-1.35,4.47,11.21,11.21,0,0,1-3.19,3,10,10,0,0,1,4.29,3.65,9.33,9.33,0,0,1,1.41,5,10.5,10.5,0,0,1-1.22,5,9.78,9.78,0,0,1-3,3.56,12.06,12.06,0,0,1-4.42,1.85,25.42,25.42,0,0,1-5.64.59,22,22,0,0,1-8.6-1.32,9.68,9.68,0,0,1-4.52-3.92,11,11,0,0,1-1.55-5.77,8.54,8.54,0,0,1,5.92-8.63Zm3.89,8.29a5.31,5.31,0,0,0,1.43,3.83,4.4,4.4,0,0,0,3.26,1.48,4.2,4.2,0,0,0,3.16-1.51,5.9,5.9,0,0,0,0-7.67A4.36,4.36,0,0,0,69,54.37a4.27,4.27,0,0,0-3.2,1.45A5.49,5.49,0,0,0,64.42,59.74ZM65,44.49a4,4,0,0,0,1.15,3,4.2,4.2,0,0,0,3.06,1.12,3.73,3.73,0,0,0,2.78-1.11A4,4,0,0,0,73,44.59a4.06,4.06,0,0,0-1.13-3A4,4,0,0,0,65,44.49Z'%20style='fill:%23fff'/%3e%3cpath%20d='M107.36,35.07h20.49q5.13,0,7.87,2.53a8.22,8.22,0,0,1,2.74,6.29,7.88,7.88,0,0,1-2,5.38,8.71,8.71,0,0,1-3.81,2.37,9.9,9.9,0,0,1,5.61,3.16,8.66,8.66,0,0,1,1.81,5.61,9.63,9.63,0,0,1-1.29,5,9.5,9.5,0,0,1-3.5,3.48A11.55,11.55,0,0,1,131.16,70a48.23,48.23,0,0,1-4.9.48h-18.9Zm11,13.89h4.76a5.46,5.46,0,0,0,3.56-.88,3.21,3.21,0,0,0,1-2.55,3,3,0,0,0-1-2.42,5.38,5.38,0,0,0-3.49-.87h-4.83Zm0,13.92H124a6.17,6.17,0,0,0,4-1,3.37,3.37,0,0,0,1.16-2.7A3.11,3.11,0,0,0,128,56.66a6.41,6.41,0,0,0-4-1h-5.55Z'%20style='fill:%23fff'/%3e%3cpath%20d='M144.76,35.07h11V70.49h-11Z'%20style='fill:%23fff'/%3e%3cpath%20d='M161.1,35.07h33.27v8.74H183.21V70.49h-11V43.81H161.1Z'%20style='fill:%23fff'/%3e%3cpath%20d='M196.43,58.77l10.41-.65A8,8,0,0,0,208.22,62a5.78,5.78,0,0,0,4.83,2.16,5.38,5.38,0,0,0,3.62-1.1,3.34,3.34,0,0,0,1.27-2.55A3.29,3.29,0,0,0,216.73,58c-.81-.72-2.68-1.41-5.61-2.05q-7.2-1.62-10.27-4.3a8.66,8.66,0,0,1-3.09-6.84,9.33,9.33,0,0,1,1.58-5.16,10.54,10.54,0,0,1,4.76-3.82,22.15,22.15,0,0,1,8.71-1.39q6.8,0,10.36,2.53t4.24,8l-10.32.61a4.83,4.83,0,0,0-5.36-4.57,4.38,4.38,0,0,0-2.88.81,2.49,2.49,0,0,0-1,2,2,2,0,0,0,.8,1.52,8.93,8.93,0,0,0,3.67,1.3,46.71,46.71,0,0,1,10.29,3.13,10.82,10.82,0,0,1,4.51,3.93A9.88,9.88,0,0,1,228.57,59a11.22,11.22,0,0,1-1.89,6.29,11.8,11.8,0,0,1-5.26,4.36,21.32,21.32,0,0,1-8.53,1.48q-9,0-12.52-3.47A13.75,13.75,0,0,1,196.43,58.77Z'%20style='fill:%23fff'/%3e%3c/g%3e%3c/svg%3e)
CSS and the Wrath of Internet Explorer
I have a lot of respect for experienced CSS/XHTML designers having lived through two medium size projects that both had accessibility and XHTML Strict requirements - it was tough going. We survived the Peekaboo Bug , the Guillotine Bug , and the Duplicate Characters Bug to name a few.
I recently updated the design of my blog and my photo gallery component . Trying to keep the site IE6 compatible brought back painful memories. Thanks to this kind blogger at 456 Berea St - I managed to squash the last CSS bug in the layout - a problem I was having with space appearing between <li> items in a list that contains block level elements. I was kind of surprised to see this in IE7. The block element in this case was an <a> tag - and needed to have a width or height set in order to close up the gap between the containing <li>s; a very common layout for creating hover effects on menu items in <ul> lists. Sigh.
Lone blogger 1 - IE6/IE70