Why are you changing/setting the height and width instead of letting flow do its job? You have a perfectly good width on the outer container, don't waste time setting the height. You have a perfectly good line-height, don't waste time screwing with those values.
Also being text-bearing containers you should be using EM, instead of telling users with accessibility needs to sod off with PX.
Next up, DRY. Don't repeat yourself. :hover is applied OVER the default values, so anything you've already said has no reason to be said again in the hover state... so just:
.boxed:hover {
border-color:green;
}
Changing ONLY what you need changed when it's hovered. Everything else you declared on plain-old .boxed will still apply!
Finally it's usually not a good idea to be slopping in so much "DIV for nothing" instead of leveraging proper semantics, or to apply hover states to non-interactable tags. What is that content grammatically/structurally? Why is it receiving style? Are those going to be Anchors?
Don't start playing around with what the page looks like until you've written your complete and proper semantic markup first!