Split <ul> à deux colonnes avec CSS2

Est-il un bon navigateur croix solution pour séparer une <ul> en deux colonnes, ou est la meilleure approche à utiliser deux listes distinctes flottait à côté de l'autre? Je suis à la recherche d'une solution unique, donc pas de CSS3 bonté est autorisée si elle aurait besoin de HTML alternative à soutenir les anciens navigateurs.

Nécessaire prise en charge du navigateur IE7+, FF3+.

Juste une note de côté, comme nous parlons de colonnes: columnal.com
Je ne pense pas que ce soit possible sans l'aide de CSS3...
La largeur de chaque <li> va être dynamique/auto ou vous pouvez utiliser une largeur fixe?
Largeur fixe. Il est à la recherche comme un couple de techniques de Jamie Dixon lien va faire le travail.
Depuis que Jamie réponse a été supprimé, voici le lien qu'il a posté qui m'a aidé: alistapart.com/articles/multicolumnlists

OriginalL'auteur shanethehat | 2011-08-01

  1. 3

    J'ai fait un JSFiddle de base non-CSS3 qui semble fonctionner. Devrait être de la croix-navigateur et peut-être une bonne base pour vous de commencer à bricoler une solution spécifique.

    Voici un coup d'oeil à la CSS:

    ul {
    width:340px;
    margin:0;
    padding:0;
}

ul:after {
    content:".";
    clear:both;
    height:0;
    display:block;
    visibility:hidden;
}

ul li {
    margin:0 0 0 30px;
    padding:0 0 10px 0;
    float:left;
    display:block;
    width:140px;
}

    http://jsfiddle.net/grahamzibar/zdBvk/

    Bel effort, et sera probablement utile pour les utilisateurs à la recherche maintenant. Ne pouvez pas marquer la réponse comme correcte, parce que les :after pseudo-élément n'est pas pris en charge par IE7
    Je pensais que c'était juste l' :avant de pseudo-élément qui n'était pas pris en charge dans IE7. Oh bien! Je utiliser pour mon environnement de l'installation donc j'ai pu tester avec IE7, mais je ne suis pas un développeur web plus 😛 Vive!

    OriginalL'auteur Graham Robertson