And set the .button { display: inline-block;} or float it or something.

dresden said:

you didnt close your tags properly,

I'll bet that's why the validator said something about descendents: the tags are not well-formed and the closing </a> is outside the closing </button> so it may have assumed the button was a descendent here somehow.

At work there was/is some crappy old code doing this<a href="somewhere"><input type="button" value="some text"></a>and I'd like to note that unless you add an onclick event on the anchor, IE (not sure about 10) won't work clicking on that thing. So I don't know but it wouldn't surprise me if there was a user agent who didn't like anchors inside a button (but I don't think there's a spec reason why it wouldn't work).

pdxSherpa
—
2013-07-25T13:54:07Z —
#4

Dresden, Stomme, thank you both. And Stomme thank you on the extra advice on fixing this. I was toying w/the idea of creating an div & styling for a button but will try your suggestion and style the <a href> first.D

Stomme_poes
—
2013-07-25T18:46:14Z —
#5

Using the anchor gives you automatially both the functionality of a link without extra scripting, and also it's already accessible natively (except if your link text is bad like "read more" then the aria-label will help, at least for users of newer AT).