Probléme chevauchement texte et div en css

[fabrice88]

Bonjour ,
j'ai un soucis avec des div.

.pub260 {position:relative; width:248px; background: url(../images/fd-minicdr.jpg) top repeat-x; margin:5px; padding:0; border:1px solid #999999; } 
et 
.basdroite { position: absolute; bottom: 0; right: 0;text-align:right; width:100%; height:25px; float:right; clear:both; background:#CCCCCC;}

si j'embrique mes 2 div j'ai la div 'basdroite' qui cache une partie du texte (la fin) qui se trouve dans '.pub260'

exemple de code html :

<div class="pub260"> 
    <h2>Le Mag du Samedi</h2>  
    <p>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/></p> 
     
    <div class="basdroite"> 
    <a href="mag.php" title="Les mag du samedi" > 
    Les mags du samedi        </a> 
   <img src="../images/fleche-bleu.png" alt="Go" width="15" height="20" />         
   </div>         
</div>

 

[skyll]

peut-être en enlevant ça : position: absolute; bottom: 0; right: 0;
de ton bas droite, ca ne devrais plus chevaucher ? non ?

 

[fabrice88]

désolé sa fonctionne pas. Si j'enlève ceci je n'ai plus mon bas droite qui se retrouve en bas de ma div pub260 ou alors j'ai des décalages...

Une autre idée ?

 

[skyll]

tiens, c'est marrant, mais en testant le code donné au début, je viens de m'apercevoir qu'il fonctionne (sans chevauchement)
sur IE7, FF3.6 et chrome...
c'est quoi ton navigateur ?

 

[bproductiv]

ie5 pourquoi ? :lol:

 

[skyll]

ie5 pourquoi ? :lol:

ah okkkkkkkkkkkkkkkkk :lol: