For quite a long time now, I've been using a minor tweak of the Vastitude skin, mainly some text colour changes, and my own image in the banner across the top.

I'm now doing a major rework of what I have with a view to creating a wholly new design. To do this though, I need to do something rather different with the banner image; full screen width and rather deeper, and probably the menu text over its lower edge.

What's puzzling me slightly is the html structure the existing banner is laid over. For reasons I'm not quite grasping, it is partly provided by a DIV by the ID of 'bannertop', which the CSS shows with a height of 53px, and another DIV with the ID 'bannermid' and a height of 104px, which added together match the image's height of 157px. As it is, it works, and can't be seen from anyone viewing the the blog.

If I look at the code in index.main.php, and also in the HTML it outputs, the two DIV's contain the following:

'bannertop': Contains a DIV with the class 'topicons', but otherwise has no content, other than the piece of the banner image the CSS provides.

'bannermid': Contains the code that provides the blog title & subtitle, along with the rest of the banner image.

Just looking at the CSS for 'bannertop', I can't see much that gives me too many clues, though its visibility is set to hidden (doesn't matter much, as there's no content to hide).

Can anyone give me an idea why it might have been set up like this? I can't find any settings within the backoffice that would provide any content for the 'topicons' DIV, not that the PHP file has any code to utilise it anyway. At the moment, I'm thinking I may as well delete the DIV and work with 'bannermid' (probably renaming it in the process). One other thought, I can't see any similar HTML structure being created in the 'Basic' skin, so I'm assuming I'm not likely to break anything significant.

Any thoughts?