The dot may be legal. But I changed the iconbar.ascx.vb file so that the line 137 reads:
From - Me.ID = "IconBar.ascx"
To - Me.ID = "IconBar"
Once I did that it picked up the styles in my stylesheet. Again I used the IE developer toolbar's match count option on the stylesheet and now the styles are coming up with one hit each. I had to add 2 entries to get it to work:
a#dnn_IconBar_cmdVisibility
{
width: 12px;
height: 15px;
}
img#dnn_IconBar_imgVisibility
{
width: 12px;
height: 15px;
}
It is not unusual for some browser implementations to choke on images without width and height. I might also mention my renaming brought it in line with the standard naming convention used in DNN skins which don't regard a (.)period on tag id. The fix works across IE Mozilla Netscape Safari and Opera. Everything now renders within a 1 or 2 pixels of each other.
One more mention on the Control Panel and liquid CSS. Set the width on the container DIV you create to 99% to fix stability problems with it bumping the screen width (and producing a scroll bar) when appearing in some browsers.
At some point I am going to nail the control panel in pure CSS.