setTitleControl is not working fine in mobile web

Hi I am developing a titanium application which uses setTitleControl in mobile web to set the title for window. I am using navigation group to add the windows into the stack. The setTitleControl is working fine when I execute the application in web browser. But If I execute the same in Mobile browser the title is not aligning exactly center. Can anyone share the solution. Here is my code...

exports.TitleView = function(title) {

var lblTitle = Ti.UI.createLabel({
    text : title,
    verticalAlign : 'center',
    textAlign:'center',
    color : 'white',
    font : {
        fontWeight : 'bold'
    }
});

var viewTitle = Ti.UI.createView({
    width : Ti.UI.SIZE,
    height : Ti.UI.SIZE
});

viewTitle.add(lblTitle);
return viewTitle;

};

I am calling this function incase of mobile web only. First I created the label using verticalAlign:'center'. Later I added texturing:'center'. Still I am getting the same problem. Can anyone kindly share the solution ASAP...

Thanks in Advance