Table-like behaviour in horizontal nav compatible with IE7

I am trying to make a horizontal nav that can contain multi-line content in each navigation element and have each item's height be the same.

Here is a partial solution that should explain what I'm after, using display:table.

Unfortunately display:table doesn't work in Internet Explorer 7 which (+html5 shiv) will be the primary browser for viewing the page (corporate and internal). Even here the problem is that the <a> only fills up as much space as the content, when I want it to be active everywhere inside the li (as if the <a> tag were wrapping the <li>, which is not allowed)

I want it to be as semantic as possible, and hopefully not use tables (though if that's the only way.. it's the only way). Is there any way to achieve this? (even in a table right now it's not quite working)

Answers


Is it an option to use jQuery?

You could solve it then this way: http://jsfiddle.net/nywYz/2/


Need Your Help

Best way to see if a number is a “real” number (int/float) or a string (“1”/“1.2”)

php numbers

I have a function that is called over and over from my code where I can pass a variable and the function acts differently if the parameter is a "real" (int/float) number (in other words does not do...

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.