Extend the width of a label to fill the remainder of parent div

I'm having a lot of problems trying to force a label tag to fill 100% of its parent's width, so that it can adjust depending on the user's window size.

For some reason, if I set the width to 100%, it just sets a seemingly-arbitrary width regardless (http://d.pr/i/uLDV).

I'm trying to change the width of these labels:



Here is the code that I'm working with: http://jsfiddle.net/M8XYr/

Anyone have any ideas on how to accomplish this?

Thanks!
Donny

 

Hi Donny.
Checked your code. Add "width: 100%;" to your ".tab" style.

 

Are they floated? If so stop floating them... are they inline-level and/or set to display:inline? inline-block? If so set them to display:block. Really you shouldn't need to play games with setting the width as a blocks default behavior is to fill the available space.