arrondir une info bulle

[Warglah]

Bonjour je souhaiterai arrondir les bords de mon info-bull :
Voici mon code pour l'infobulle :

Code:

    .infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #141414;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #FFFFFF;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#FF0000;
    border: 5px solid #000000;}

Merci d'avance =)

[WwAaPpIi]

Bonjour,

Il existe "divers arrondis" xD
Voulez-vous arrondir tous les coins, seulement ceux en diagonal, seulement ceux du haut, etc...
Voulez-vous que l'infobulle soit légèrement ronde, totalement ronde ?

Petite note, aussi : Les utilisateurs ayant comme navigateur Internet Explorer ne verrons pas l'arrondis en question

[Warglah]

en arrondir les coins quoi ^^

[WwAaPpIi]

D'accord xD
Je vous laisse choisir la taille de l'arrondis donc... xD

Voici la partie arrondis :

Code:

.infobulle:hover span
{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0;
    border: 2px solid #9999a0;
-moz-border-radius:  6px / 12px;
-webkit-border-radius:  6px / 12px;
-khtml-border-radius:  6px / 12px;
border-radius: 6px / 12px;
}

Et voici le code complet :

Code:

.infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #141414;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #FFFFFF;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span
{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0;
    border: 2px solid #9999a0;
-moz-border-radius:  6px / 12px;
-webkit-border-radius:  6px / 12px;
-khtml-border-radius:  6px / 12px;
border-radius: 6px / 12px;
}

Cordialement.