CSS - problema margin y altura relativa css

Lo que quiero hacer es colocar un borde personalizado a una caja en css, tomare como ejemplo al borde izquierdo, entonces este borde tendra la altura de la caja para que la ocupe toda(uso una pequeña imagen que se repetira por todo el alto), y utilizo el height: 100% para esta actividad ya que mi caja tendra altura variable dependiendo del contenido.

El problema es que quiero que el borde tenga un margin, que no pinte el 100% sino que lo haga a partir del pixel 7. Lo que sucede es que si le pongo este margin y el height 100% entonces el borde se correra 7 pixeles en el lado opuesto.

Que puedo hacer para colocarle un margin-top de 7 pixeles y que lo demas ocupe el resto del tamaño de la caja, si la caja sera de altura variable??

Espero que alguien me pueda ayuda. Saludos y gracias.

Puedes controlarlo por medio de tres div's. Un hace las veces de contenedor, el segundo de borde personalizado con los atributos que mencionas y el tercero con el contenido. Ejemplo:



Espero te sea de utilidad. Saludos.

ssl | pki | certificado de seguridad | certificado digital | cfdi