Grid - Filtering not working with Sorting relates to Browser Compatibility View

[Kathy]

I have simple Kendo UI Grid in partialview to display information using AJAX binding.

Sample Code Below
     @(Html.Kendo().Grid(Model)
          .Name("Grid")
          .Columns(columns => {
               columns.Bound(p => p.Id).Groupable(false).Hidden();
               columns.Bound(p => p.Name);
        })
       .DataSource(dataSource => dataSource
                            .Ajax()
                            .Read(read => read.Action("Value_Read", "Value"))
                          )
        .Pageable()
        .Sortable()
        .Filterable()

   I have problem with filtering.  When I clicks on Filtering icon, it works as sorting.
   If I add filtering only without sorting, then it works.
   Only way to make filtering working along with sorting is by turning on Compatibility View
  
   Below is pictorial explanation.  Hope this helps.

       launch partialview with Grid.  You see filtering icon next to name. 
       when hover over filtering icon to click, the icon disappears. 
       Tries to click filtering icon, sorting will work. 
      
  




Do same step as above.  But this time I turn on Compatibility View (Notice red circle)
This times, when I hover over on Filtering icon, I can see filtering icon.
Filtering and sorting are working here.


I have IE9. 
I ran this with Firefox, I cannot make filtering works regardless what.

I added below as order suggested.
        <script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
        <script src="@Url.Content("~/Scripts/kendo/2012.2.710/kendo.web.min.js")"></script>
        <script src="@Url.Content("~/Scripts/kendo/2012.2.710/kendo.aspnetmvc.min.js")"></script>


I also have jQuery 1.7.2 and 1.8.20

Please let me if there is any information I need to provide.  I really spent huge amount of time to figure out this issue. 

Thank you in advance.

[Bryan Corazza]

For me this was a css issue.  I removed the default site css and it works like a charm.  In particular it was the th a{position: relative} line 544 of Site.css property that causes the filtering to not function properly.  once this is removed, everything should work with the grid.

[D.Kermott]

Did the site.css change fix this for you?

My site.css was completely redone.  There is no "position: relative" or any "position" or "relative" anywhere in any styles (besides the kendo ones).

I am using IE 8.0.7601.17514

Sorting works.
Filters do not.  I click on the Filter icon and the filter menu never shows.

If I turn on Compatibility mode it then works.

[Jon]

I'm having the same issue and I do not have any competing CSS rules that would be causing the problem. Would be really interested in a solution for this.

[D.Kermott]

I had a jquery version mismatch.  I was trying to use a newer jquery version.  I switched back to the version that the version of KendoUI uses and it started working.