</div>
<div id="main" style='border: dotted;';border-width: 1;border-color: #000000; style="position:absolute; width:354px; height:304px; z-index:2; left: 350px; top: 0px;filter:alpha(Opacity=30);">
<iframe src="Index.html" width="354" height="304" frameborder="0" name="blog"></iframe>
</div>

I want a black border, but I get a purple shade instead...

you had a couple properties mixed up. try this....

<div id="main" style="border: dotted;border-width: 1px;border-color: #000000; position:absolute; left: 350px; top: 0px; width:354px; height:304px; z-index:2; filter:alpha(Opacity=
30);">

But you took the iframe tag out, which I want. This looks like a table to me.

pb&j just cleaned up your div code. Add the iframe back in with the cleaned-up code and see if it looks the way you want.

And I'm not entirely sure, but shouldn't it be border-style: dotted? Unless it works both ways, I don't know about that.

http://www.zebrazinger.2ya.com

The iframe seems to be smaller in height but, whenever I make the height larger, the table gets longer...

That's because tables are fluid, that's what they do... expand to fit the content.

edit: There are numerous errors on your site, too.

What errors whould they be?

-Mary Kathleen MacMaster

Originally posted by rwllms15
edit: There are numerous errors on your site, too.
it could be from using Yahoo Pagebuilder and Frontpage Express. both are notorious for creating horrible coding.