IE7 - Margin-Bottom

[uiLhian 1]

Isso não funciona no IE7 ?Pois tentei usar em uma div, com valores autos pra teste e não dava nenhuma reação.Caso alguem saiba a solução agradeço. Valeu!

[Giovani 104]

você testou em outros navegadores para ver se o problema também acontecia?Tem um link?

[uiLhian 1]

testei, no FF e no Opera. nos dois funcionou normal, apenas no ie que não.

[Giovani 104]

Então poste um link ai pra galera poder ver. http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[uiLhian 1]

bom o link eu não tenho não mas o css do conteudo é esse aqui:

 

#direita {	margin: 5px auto;	width: 600px;	position: relative;}form {	float: left;	width: 330px;	line-height: 24px;	(margin: 10px 0 10px 5px;)}fieldset {	border: 0;}select {	width: 140px;	margin: 3px 0 5px 0;	height: 17px;}input, select, textarea {	padding: 1px;	border: 1px inset #EEE;	font: 10px verdana, tahoma, arial;	color: #525252;}input {	height: 14px;	margin: 0 0 5px 0;	display: block;	float: left;}button {	border: 1px solid #666;	background-color: #FFF;	padding: 2px 7px 2px 7px;	font: 10px verdana, tahoma, arial;	color: #525252;}label {	width: 90px;	display: block;	margin: 0 10px 0 5px;	float: left;}#contato {	float: right;	width: 210px; 	(margin: 5px 0 10px 0;)}

essas duas linhas entre parenteses que não funciona no IE.

[uiLhian 1]

bom descobri o problema, é na classe .vborda que é essa aqui:

.vborda {	background: url("../imagens/borda.gif") no-repeat 365px 67px;  height: 300px;}

O que ta acontecendo é seguinte essa imagem "borda.gif" é uma linha de 1px, ae como eu tava usando esse "height: 300px" no Opera e FF funcionava normal, só que o IE entendi que isso é a altura da div que ta usando essa classe, ae quando tirei esse propriedade, o IE interpleto o margin ali de cima normal, só que agora a imagem não aparece no FF e nem no Opera, só no IE, a imagem só aparece nos outros dois quando uso o "height" e da erro no IE.

Caso alguem saiba a solução agradeço!