Reply To: Trouble creating multiple borders with pseudo elements.

[Anonymous]

Thank you for pointing that out. I added the following,

#main:after,#main .after {
    content:" ";
    position:absolute;
    left:11px;
    top:0;
    bottom:10px;
    border-left:1px solid #ff0000;
}
#main:after,#main .after {
    content:" ";
    position:absolute;
    left:11px;
    top:0;
    bottom:10px;
    border-right:1px solid #ff0000;
}
#main:after,#main .after {
    content:" ";
    position:absolute;
    left:11px;
    right:11px;
    bottom:9px;
    border-bottom:1px solid #ff0000;
}

to this page. I’m not sure if the above code can be shortened or cleaned up and would appreciate input. It does what I wanted to achieve pseudo line wise, but a new problem has arisen. The left and right lines (in red) extend over the logo png and the right column background png. Is there a code to cause these lines to run under these images?

Best Regards.