Shortcode inside Shortcode

I am trying to do something of this sort

have a shortcode like

[outbox]
[innerleft]thecontent[/innerleft]
[innerright]thecontent[/innerright]
[outbox]

so that the output is

<div class="outbox">
<div class="innerleft">thecontentcomes here</div>
<div class="innerright">thecontentcomes here</div>
</div>

When I use the short code only the outer shortcode gets applied, the inner ones dont apply and it displays as [innerleft]….

the output I get is

<div class="outbox">
[innerleft]thecontent[/innerleft]
[innerright]thecontent[/innerright]
</div>

any help with regards applying shortcode inside shortcode?