odd Joomla! styles
my friend asked me to look at this site in IE - it displays fine in Firefox
obviously it is encountering the 30 style limit in IE - but I never saw styles declared like this, he says that is the way Joomla! is doing it for him...
Joomla! - Drupal's evil cousin
<link rel="stylesheet" href="/.sf-menu, .sf-menu * {" type="text/css" media="all" />
<link rel="stylesheet" href="/list-style-image" type="text/css" media="none;" />
<link rel="stylesheet" href="/list-style-position" type="text/css" media="outside;" />
<link rel="stylesheet" href="/list-style-type" type="text/css" media="none;" />
<link rel="stylesheet" href="/margin" type="text/css" media="0;" />
<link rel="stylesheet" href="/padding" type="text/css" media="0 8px 9px 0;" />
<link rel="stylesheet" href="/}" type="text/css" media="all" />
<link rel="stylesheet" href="/.sf-menu {" type="text/css" media="all" />
<link rel="stylesheet" href="/display" type="text/css" media="block;" />
<link rel="stylesheet" href="/font-size" type="text/css" media="14px;" />
<link rel="stylesheet" href="/line-height" type="text/css" media="1;" />
<link rel="stylesheet" href="/padding-left" type="text/css" media="5px;" />
<link rel="stylesheet" href="/width" type="text/css" media="10px;" />
<link rel="stylesheet" href="/.sf-menu ul {" type="text/css" media="all" />
<link rel="stylesheet" href="/position" type="text/css" media="absolute;" />
<link rel="stylesheet" href="/top" type="text/css" media="0.8em;" />
<link rel="stylesheet" href="/.sf-menu ul li {" type="text/css" media="all" />
<link rel="stylesheet" href="/.sf-menu li" type="text/css" media="hover, .sf-menu li.sfHover, .sf-menu a" />
<link rel="stylesheet" href="/visibility" type="text/css" media="inherit;" />
<link rel="stylesheet" href="/.sf-menu li {" type="text/css" media="all" />
<link rel="stylesheet" href="/float" type="text/css" media="left;" />
<link rel="stylesheet" href="/.sf-menu a {" type="text/css" media="all" />
<link rel="stylesheet" href="/left" type="text/css" media="10em;" />
<link rel="stylesheet" href="/z-index" type="text/css" media="99;" />
<link rel="stylesheet" href="/ul.sf-menu li" type="text/css" media="hover li ul, ul.sf-menu li.sfHover li ul {" />
<link rel="stylesheet" href="/ul.sf-menu li li" type="text/css" media="hover li ul, ul.sf-menu li li.sfHover li ul {" />
<link rel="stylesheet" href="/ul.sf-menu li li li" type="text/css" media="hover ul, ul.sf-menu li li li.sfHover ul {" />
<link rel="stylesheet" href="/margin-bottom" type="text/css" media="1em;" />
<link rel="stylesheet" href="/border-left" type="text/css" media="1px solid #FFFFFF;" />
<link rel="stylesheet" href="/border-top" type="text/css" media="1px solid #CFDEFF;" />
<link rel="stylesheet" href="/text-decoration" type="text/css" media="none;" />
<link rel="stylesheet" href="/.sf-menu a, .sf-menu a" type="text/css" media="visited {" />
<link rel="stylesheet" href="/color" type="text/css" media="#000;" />
<link rel="stylesheet" href="/background" type="text/css" media="transparent none repeat scroll 0 0;" />
<link rel="stylesheet" href="/.sf-menu li li {" type="text/css" media="all" />
<link rel="stylesheet" href="/.sf-menu li li li {" type="text/css" media="all" />
<link rel="stylesheet" href="/outline-color" type="text/css" media="-moz-use-text-color;" />
<link rel="stylesheet" href="/outline-style" type="text/css" media="none;" />
<link rel="stylesheet" href="/outline-width" type="text/css" media="0;" />
<link rel="stylesheet" href="/.sf-menu a.sf-with-ul {" type="text/css" media="all" />
<link rel="stylesheet" href="/min-width" type="text/css" media="1px;" />
<link rel="stylesheet" href="/padding-right" type="text/css" media="2.25em;" />
<link rel="stylesheet" href="/.sf-sub-indicator {" type="text/css" media="all" />
<link rel="stylesheet" href="/height" type="text/css" media="10px;" />
<link rel="stylesheet" href="/overflow" type="text/css" media="hidden;" />
<link rel="stylesheet" href="/right" type="text/css" media="0.75em;" />
<link rel="stylesheet" href="/text-indent" type="text/css" media="-999em;" />
<link rel="stylesheet" href="/a > .sf-sub-indicator {" type="text/css" media="all" />
<link rel="stylesheet" href="/background-position" type="text/css" media="-10px 0;" />
<link rel="stylesheet" href="/a" type="text/css" media="focus > .sf-sub-indicator, a" />
<link rel="stylesheet" href="/.sf-menu ul .sf-sub-indicator {" type="text/css" media="all" />
<link rel="stylesheet" href="/.sf-menu ul a > .sf-sub-indicator {" type="text/css" media="all" />
<link rel="stylesheet" href="/.sf-menu ul a" type="text/css" media="focus > .sf-sub-indicator, .sf-menu ul a" />
<link rel="stylesheet" href="/.sf-shadow ul {" type="text/css" media="all" />
<link rel="stylesheet" href="/-moz-border-radius-bottomleft" type="text/css" media="17px;" />
<link rel="stylesheet" href="/-moz-border-radius-topright" type="text/css" media="17px;" />
<link rel="stylesheet" href="/.sf-shadow ul.sf-shadow-off {" type="text/css" media="all" />