the_producer

Fixed Ok in Opera…still a little messy in IE7…but it’s close.

Songdogtech you are the man.

I didn’t have <td></td> around my divs in a couple spots that was breaking my tables and caused the issue, looks good right now in Opera…checking in IE next. Thanks my man ??

Hmm yes I see that…looks like I messed some stuff up moving things all around. Thanks I’ll try to clean that up…

Okay I just figured out that it’s definitely this code in the header.php file that breaks the layout:

<div id="profile-flags">

			<ul id="flag-list">
		        <li><a href="https://lovelyjunkie.com/designer/" class="designer-hover"><span class="displace"></span></a></li>
		        <li><a href="https://lovelyjunkie.com/director/" class="director-hover"><span class="displace"></span></a></li>
	        </ul>

	          </div>

If i remove the code the images disappear of course, but the layout otherwise appears intact.

here’s the css for those elements:

#profile-flags {float: right;overflow: hidden;margin-top: 105px;margin-left: 0px}
#flag-list {margin-left: 0px}
.displace {position: absolute;left: -5000px}
a.designer-hover {display: block;width: 145px;height: 45px;text-decoration: none;background: url("images/flags.png")}
a.designer-hover:hover {background-position: -145px 0}
a.director-hover {display: block;width: 145px;height: 45px;text-decoration: none;background: url("images/flags.png");background-position: 0 -45px}
a.director-hover:hover {background-position: -145px -45px}

thanks

No matter what I do, all the solutions I’ve tried have not worked, I still end up with squished images. Awesome.