When I coded as always, and noticed 1 think, that my #main_content column and #rsidebar column are not the same width, becouse the #main_content have more content than the #rsidebar column. So how to make these two columns the same width?
I have solve the columns problem by using the border-left:150px solid #and the color; (http://www.alistapart.com/articles/multicolumnlayouts). Its perfect for me. But the li:hover still here, so help me to solve this :)
IE6 doesn't support the hover pseudo class on anything other than an anchor (<a>) tag. Many people will use JavaScript to accommodate IE6, but my feeling is that IE6 is not worth the hassle. As long as your content displays correctly and your information is accessible in IE6, then I wouldn't bother killing yourself to provide that richer experience that more modern standards compliant browsers allow for.
Ye, I support your opinion, but when you are building a web site for a client, it's not so easy to explain why you can't accomplish his request :/ . So, if you can please give me that link with java script, thanks :)
Site adress: http://www.test.klausyk.net/kavita/
Css: http://www.test.klausyk.net/kavita/style.css
P.S Oh, I got one more problem too (on IE6), why the li:hover don't work on IE6 (on other browsers it's O.K.)