Iframe Borders

[konamiesque]

Hello all, long time no see. I'm working on a new website layout right now and I'm having a bit of trouble getting it to work properly. The way I have it set up is a central homepage with an iframe in the middle to display the other pages on my site. While the iframe itself has no border, the pages that display inside of it do, and they aren't showing up properly. This is what it looks like:


I'm not sure how much help it will be, but here's the code/styling for my iframe:

Code

<iframe src="home.html" frameborder="0" scrolling="yes" name="frame" class="main" width="100%" height="100%"></iframe>

And here's the styling for the boxes inside of it:

Code

.info {
    border: 1px solid black;
    padding: 10px;
    overflow: scroll;
}

I've tried tinkering with the dimensions of the iframe itself to little success. Any advice would be greatly appreciated.

[Melooon]

It looks like your iFrame is clipping and maybe has overflow hidden? However I'd need a link to the live page to really tell though!

It also looks like your other nav elements beside the iFrame have border-radius set, and I think thats also applying to the iframe (thats why the top corners are clipping off) - Im not sure why the right side is clipping but its prob something to do with your page widths!

[konamiesque]

Well, whatever the problem was, it somehow ended up fixing itself while I was working on other stuff. A bit strange, but all's well that ends well, I guess. 

[Melooon]

it somehow ended up fixing itself while I was working on other stuff

Thats good! Out of curiosity is the issue related to the size of your browser window??