SuevaFree &ltcode&gt rendering

SuevaFree (v1.2.7.7) is a very good theme, simple and clear. It is what I like.

However the theme seems to have problem in handling the rendering that wrapped with &ltcode&gt, My post has some programming code that I need to wrapped with html &ltcode&gt, the theme seem to insert a &lt/code&gt prematurely.

e.g. I have the following programming code that I need to wrapped within the &ltcode&gt:
&ltcode&gt
// This is the program for motor driver
// Date: Mar 2015

int mDriverL_1=2; //Control Left Motor Driver using D2 and D3
int mDriverL_2=3;
int mDriverR_1=4; //Control Right Motor Driver using D4 and D5
int mDriverR_2=5;
void setup() {
….
}
&lt/code&gt

With the SuevaFree running, it automatically insert a &lt/code&gt at the end of the “Mar 2015”, i.e. before the first empty line it encountered, as the result the entire program that wrapped with &ltcode&gt get to breakdown into two parts, with the first part rendering in red.

I have not looking into the SuevaFree CSS style sheet to see what is going on. But if I switch the theme from SuevaFree to another theme, the problem go away.

Anyone experiencing this? Is there a solution?