Roguelike UI LevelImage won't display correctly. Why?

I am currently following the Unity Roguelike tutorial and am stuck on the adding UI elements part. In the video we are supposed to diplay some text (FoodText) behind the UI image which is just a flat black background. However, if there is anything that has to be rendered BEHIND this image, it displays incorrectly with some jumbled text showing instead of the flat black color...if I bring evrything to the front of the Image, it displays just fine. Why is this happening?? The situation is as shown in the image below