Ho questo file css

codice:
a.button {
	display: block;
	width: 130px;
	padding: 5px 20px 3px 20px;/*top dx bottom sx*/
	background: #fff url(../images/button_big_background_gray.gif) no-repeat;
	text-decoration: none;
        border: 1px solid black;
}

a.button:hover {
	background: url(../images/button_big_background_red.gif) no-repeat;
}

div#bodyId a{
text-decoration: underline;
}
ho questa pagina html

codice:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/button_link.css" media="screen" />
</head>
<body>

<div id="bodyId">
bla bla bla bla bla bla bla bla
</div>               

</body>
</html>
vorrei sapere come mail il comando
text-decoration: underline;
dello style di 'bodyId'
domina sul comando text-decoration: none;
dello stile 'button'

grazie