How Do I Stretch Formatted Inline Menu To 100%?

[google]

Check out this sample:

http://fmp.freac.fsu.edu/Timeline/sample2.cfm

Due to the design requirements, I need to stretch that red part on the
right all the way to the right edge, but I can't figure out how to do
it. Background image won't cut it because when you resize the text, it
messes it up. I can't put a border on the overall container, because
then that cuts through the "tab" indicating the current section of the
web site.

Any thoughts?

Thanks!

-peter

[Martin!]

go****@warcode.com wrote:

Check out this sample:

http://fmp.freac.fsu.edu/Timeline/sample2.cfm

Due to the design requirements, I need to stretch that red part on the
right all the way to the right edge, but I can't figure out how to do
it. Background image won't cut it because when you resize the text, it
messes it up. I can't put a border on the overall container, because
then that cuts through the "tab" indicating the current section of the
web site.

Any thoughts?

Thanks!

-peter

see if this works for you

#navcontainer li.clearRight
{
float: none;
display: block;

gl
martin!

[Gus Richter]

Martin! wrote:

go****@warcode.com wrote:

Check out this sample:

http://fmp.freac.fsu.edu/Timeline/sample2.cfm

Due to the design requirements, I need to stretch that red part on the
right all the way to the right edge, but I can't figure out how to do
it. Background image won't cut it because when you resize the text, it
messes it up. I can't put a border on the overall container, because
then that cuts through the "tab" indicating the current section of the
web site.

Any thoughts?

Thanks!

-peter

see if this works for you

#navcontainer li.clearRight
{
float: none;
display: block;

Works, but looks kind of weird when you reduce the sceen size or on a
lower screen resolution. You can also try with these modifications instead:

#navcontainer
add: background-color:#CC0000;

#navcontainer li.clearRight
delete: border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;

--
Gus