I am having two issues with a joomla layout in IE8.
If you look at the site persichettis.com in firefox, safari, chrome, opera or flock, everything looks as it should.
In IE8, the top header is overlapped a bit by the content below it and if you click on either "lunch" or "dinner", you will see that the information on that page is below the menu, instead of to the right of it like in every other browser.
Any help or ideas?
I checked it in IE8, and
I checked it in IE8, and could not replicate the problem. Oh, and validate your code, you have errors.
So, I'm unable to duplicate
So, I'm unable to duplicate the issue that you originally posted about, but I did notice that on the Dinner page the "Sandwiches & Other Favorites" link goes onto two lines and "Favorites" overlaps with the next link which is "Kids".
This appears to be a combination of two styles on the following style:
#leftcolumn ul.menu li a,
#leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a,
#rightcolumn ul.menu li a:link
The problem lies with the use of height:22px; and line-height:22px. Essentially this is constraining all links in the #leftcolumn and #rightcolumn lists to a height of 22 pixels. This is fine as long as each link stays on one line. However, "Sandwiches & Other Favorites" runs onto two lines so it overlaps with "Kids".
Removing the height and line-height from that style seems to fix the issue.
Thank you for catching this
Thank you for catching this and your fix did work!
I was also able to validate my code except for one error in the html and one in the css.
css: line -1?? I don't even know what that means...
and in the html there is one that I seem to be unable to get rid of no matter what I try.
Thanx for the info
Thanx for the info