Ho questa pagina:


codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
        <style type="text/css">

        button.submit-href { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; border-bottom-width: 0px; padding-bottom: 0px; cursor: pointer; padding-top: 0px; background-color: transparent; border-right-width: 0px; _padding: 0}
		
		p.word { display: inline; font-family: tahoma} 
		
		form { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px} 
		
		#pagination-pag .pag-form { display: inline; width: 20px} 
		
		#pagination-pag li { border-top-width: 0px; padding-right: 0px; display: inline; padding-left: 0px; border-left-width: 0px; font-size: 11px; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; border-right-width: 0px} 
		
		ul { padding-right: 0px; padding-left: 0px; padding-bottom: 0em; margin: 0em; padding-top: 0px; list-style-type: none} 
		
		body { padding-right: 0em; padding-left: 0em; font-size: 1em; padding-bottom: 0em; margin: 0em; color: #000000; padding-top: 0em; font-family: tahoma, verdana, sans-serif} 
		
		button.submit-href span { display: block; font-weight: bold; font-size: 12px; font-family: helvetica,arial,serif; text-align: left; text-decoration: underline} 
		.word span.size2 { font-size: 1.65em; color: #333} 

        </style>
        <title></title>
    </head>
    <body id="root">
        <ul id="pagination-pag">
[*]
                <form class="pag-form" action="/portal/" method="post">
                    <p class="word">
                        <button class="submit-href" title="prova" type="submit"><span class="size2">Italia campioni del mondo 2006 buffon cannavaro totti toni zambrotta etc</span></button>
                    </p>
                </form>
            [/list]

    </body>
</html>

che contiene un bottone con un testo lungo, vorrei che quando ridimensiono la finestra del browser, il testo venge spezzato su più righe, in base alla larghezza della pagina.

Su FF3 tutto funziona perfettamente, mentre, su IE7/6 no!

Cosa posso fare?