[Résolu] IE7 : bouton invisible

Bonjour, bonjour
Je suis en train de finaliser un template et je tombe sur un nonosse :
un bouton bien visible sous FF n'apparait pas sous IE.
Voyons une image tout d'abord :
http://pix.nofrag.com/c8/a5/d422f91d48621c7402c0643494e8.jpeg

Le bouton est bien présent.
Quand on le presse il fait une apparaître une Div (celà marche pourtant sous IE mais dans un autre contexte),
comme vous pourrez le voir sur cette page.

Mais IE 7 est rétif. Quoique je fasse le bouton n'apparaît pas.

Voici le code HTML correspondant :

div id="login_but"><a href="javascript:;" onmousedown="toggleSlide('login');"><img src="css/images/btn.tab.login.gif" alt="login" width="100" height="26" class="noborder"></a></div>
<div id="login" style="display:none; overflow:hidden; height:240px;<?php login();?></div>

et son amie, la CSS :

#login{
	clear: both;
	float: none;
	width: 855px;
	height: 100%;
	background: #031545 url('css/images/separator_darkblue.gif') repeat-x 0 0;
	font-size: 0.9em;
	text-align: left;
	color: #fff;
	}
#login_but{
	position:absolute;
	right:8em;
	width:100px;
	height:26px;
	z-index:6;
	float: left;
	padding-bottom: 0px;
	bottom: 5.6em;
	visibility: visible;
	overflow: visible;
}

Y aurait-il une âme charitable dans la salle ?
Merci d'avance.
Modifié par Sventovit (14 Apr 2007 - 08:37)

Bonjour,

Sous réserve, devant l'étendue du css ...

#bottom {
	clear: both;
	width: 855px;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #031545 url('css/images/separator_green.gif') repeat-x 0 0;
	border-top: 20px solid #fff;
	font-size: 0.9em;
	text-align: left;
	color: #fff;
	}

Sinon j'aime bien ce template !

Hello
tout d'abord merci pour ta réponse.
Il y a du mieux comme tu pourras le voir.
Mais ça crée des effets de bord :
- sous FF le fond de la Div Bottom disparaît et le contenu de la Div Login disparaît
- sous IE c'est bon : le bouton apparaît maintenant mais la Div Footer remonte dans la Div Login

Moi c'est ton avatar que j'adore : il est vraiment extra.

PS : je laisse tout en vrac ce soir devant partir.
à plus...

Bonjour,
le matin, après 2 bonnes tasses de café, c'est tout de même mieux que le soir...
donc Résolu en placant des commentaires conditionnels :

<!--[if IE]>
<style type="text/css">
   #bottom,
   #login
{float: none;}
	#footer
	{position: relative;}
  </style>
<! endif -->

Et c'est bon !
Merci encore Ghost : c'est toi qui m'a mis sur la piste.
Merci Pur Arabica.
Bon weekend.