I moved around a toolbar on a CMS template I have been working on with links called HOME, TAGS, SEARCH, and FEED. I copied over the CSS code for the toolbar section to my current CSS file and got it to work OK in firefox.
My problem is I do not see the graphical icons for HOME, TAGS, SEARCH, and FEED links on IE but do see them on FIREFOX. My demo link is: http://www.lemoslife.com/demokill See for yourself. The links have icons in front of them in FF but not in IE. I have the snippet of CSS code for that toolbar section listed below. I'm betting something is crossed where it doesnt work in IE but does in everything else. Im just not sure which is which. This exact code works in another version of a template I have in both IE and FF but for the life of me I cant figure out what has changed. Would someone with more CSS experience be able to take a peek and see if theres something not right? /* MyBlog Toolbar Start*/ #myBlog-wrap #myBlog-toolbar ul, #myBlog-head ul { padding-left: 5px; position: absolute; float:left; bottom: 1px; left: 0px; } #myBlog-wrap #myBlog-toolbar li { list-style: none; display: inline; padding-bottom:2px; padding-top:2px; } #myBlog-wrap #myBlog-toolbar li.toolbarHome { background: url(../images/home.png) no-repeat; } #myBlog-wrap #myBlog-toolbar li.toolbarTags { background: url('../images/tagcloud.png') no-repeat; } #myBlog-wrap #myBlog-toolbar li.toolbarSearch { background: url('../images/search.png') no-repeat; } #myBlog-wrap #myBlog-toolbar li.toolbarFeed { background: url('../images/feed-icon-16x16.gif') no-repeat; } #myBlog-wrap #myBlog-toolbar li a { text-decoration: none; padding: 20px 20px; } #myBlog-wrap li#blogActive a { color: #D78102; } /* MyBlog Toolbar End*/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
