some css-glitches from a nub trying to convert table-to-css layout

[piku]

got 2 problems (at the moment)....

http://test.pixelbebop.com/test11/

paying close attention to the following css code (http://test.pixelbebop.com/test11/style.css)

.box-header {
	padding:0px 15px 0px 15px;
	border:none;
	background:url("images/bkg_main_topbot.gif") top left repeat-y #EEEEDD;
/*	height:81px;*/
}

is there a fix to get the actual img.background to show?


the other problem is w/ MOZ when viewing http://test.pixelbebop.com/test11/index2.php. this can be seen in the image attached. ...any clues?


i'd greatly appreciate any pointers that you guys and gals can throw. TIA

[Buddy Bradley]

Try giving .box-header an explicit width and height.

If this is your site logo/brand, you should really put some content in there too:

<div class="box-headerlogo"><h1>PixelBeBop</h1></div>

And then use image replacement to hide the actual text. It will help your search visibility (as would making the navigation an unordered list instead of a series of images).

Nice looking site, by the way.

[piku]

ty. i'll try out your suggestion on the .box-header. as for the image replacement. are you talking about IFR method? if so, which one should i apply...?

as for the nav, its not done yet...i save the hardest/longest parts for last--which are the upper nav, and the one on the bottom. you can tell because of the <table> =p

any suggestions for the 2nd problem? TIA