I have a pixel-perfect layout; it was previously achieved with IFRAMEs but I am now moving the contents of each IFRAME into the main document. Previously, the IFRAME body panel had a padding of 5px, which was the result I wanted.
Now I've got a DIV representing the IFRAME, yet I can't set a padding on it because it makes the DIV bigger by the padding specified (go figure). I try nesting a DIV inside the document DIV, and setting either a padding or a margin of 5px on that, and again, the outer DIV expands. How do I achieve a DIV with an inner padding of 5px, whilst keeping the width specified?
Sorry if my post is a little hard to understand, but I've spent a ridiculous amount of time on a seemingly small and simple task and it's taking a lot just to stop me from swearing every second word.