Estou aprendendo a propriedade Float no Css mas estou a ter alguns problemas. Ela funciona mas não deixa espaço nenhum entre a imagem e o texto, quer no FF, quer no IE.
Para tentar arrumar isso, acabei criando uma segunda Div e deu certo mas sei que tb o poderia fazer com o margin-left mas não sei qual dos dois é o mais correcto, por isso venho pedir a vossa ajuda para resolver o problema e tirar a dúvida.

colocarei aqui o code para vcs verem como ficou, apenas com as duas Div's:
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css" media="all"> #picture { float: left; widht: 300px; } #texto { margin-left: 290px; } </style> </head> <body> <div id="picture"> <img src="file:///C|/Os%20meus%20documentos/As%20minhas%20imagens/0,9310,308132_4,00.gif" width="270" height="169"> </div> <div id="texto"> <p> Aqui Vamos nós outra vez <br> Estamos tentando fazer isso direitinho!!</p> <p>Vamos ver se vai dar</p> </div> <p>Estamos nos saindo bem</p> </body> </html>
Agradecia uma luz para esta dúvida!!
Abraços,
Bruno.