Crossbrowser: Css rule not parsed in Explorer 8 (div#main>div)

My JQuery app is working properly in all the browser except Explorer 8..

And what is not make my app working is that is not parsed this css rule:

  div#main>div {
       display:none
   }

Someone can tell me please how can i write this differently to be accepted in Explorer 8?

If needed this the structure that need to be styled:

 <div id="main">
     <div id="1">
     ...
     </div>
     <div id="2">
     ...
     </div>
     <div id="3">
     ...
     </div>
 </div>

Thank you very much!

Answers


As @Alex said there was nothing wrong with the rule itself. But believe me was not parsed.

I had to to include that rule in a separate file:

    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/ie.css" />
    <![endif]-->

Is a file with just that rule. But now everything works fine.


Need Your Help

Div's height change when float

javascript html css

I have a two divs and one of them will be floated to the left(the first one).But I realized that it's height and width change and I don't want that.Where's the problem? Here's my code with js used ...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.