Change Color of Underline with CSS

[awkward_clam]

<div class="headline">
   <h1>We see fashion as an ever changing journey <span>inspired by you</span></h1>
</div>

.headline h1 span{
  text-decoration: underline;
 -moz-text-decoration-color: #f04848; /* Code for Firefox */
  text-decoration-color: #f04848;
}

Why is my underline black instead of #f04848 ?

[RyanReese]

Support for this is absolutely terrible (basically only FF). If you want an underline, then replicate it using a bottom border.