Navbar horizontal cambiarle estilo css

[pegasus6464]

Buenas, estoy trabajando con una plantilla html5 y queria saber si alguien me puede echar un cable, de una duda que se me plantea.



Queria saber como puedo hacer para que desde el boton izquierdo 01 HISTORIA para una tira horizontal con un estilo similar de degradado y que llegue hasta el margen derecho, por debajo del menu.

Tendria que tener la altura del boton izquierdo para que pareciera que saliese de el.

El boton esta en un div y el menu en otro, cual puede ser la manera mas facil de hacerlo? He intentado ponerle fondo a los divs pero nada no me convence

seguro que hay alguna manera mas buena de hacerlo a ver si alguno me puede ayudar

:)




La pagina es la siguiente

http://www.fesofi.es/castellon/disfruta/

[lilmaster]

Mira en los estilos del div del boton 01 Historia puedes en css utilizar el selector de css3 llamado after y se usa de la sigueinte forma

Código HTML:

<style>

#historia:after //after dice despues del div agregame
    {
          content:"";//esto es obligatorio y no sirve para nada solo es para escribir texto
          width:200px;//aqui extiendes el ancho de lo que quieras
          height:50px;// tu altura
          background:"red";//el fondo
       display:block;
     }

</style> 

Ojala te ayude