StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHorizontal Menu IE7 and IE8 compatibility Issue
primarykey
Id
7387767
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2011-09-12T12:22:18.837
FavoriteCount
0
LastActivityDate
2011-09-16T11:46:01.503
LastEditDate
2011-09-16T11:35:57.967
LastEditorUserId
914328
OwnerUserId
914328
ParentId
0
PostTypeId
1
Score
0
ViewCount
1332
LastEditorDisplayName
text
Body
I created a horizontal menu which works perfectly in Firefox 6, IE9, Safari, Chrome and Opera but in IE7 & IE8 the last link in the menu breaks to the next line, I'm attaching the screenshot of the menu. IE9 Screenshot of the Horizontal Menu <a href="http://imageshack.us/photo/my-images/819/ie9screenshot.jpg/" rel="nofollow">http://imageshack.us/photo/my-images/819/ie9screenshot.jpg/</a> IE8 Screenshot of the Horizontal Menu <a href="http://imageshack.us/photo/my-images/696/ie8screenshot.jpg/" rel="nofollow">http://imageshack.us/photo/my-images/696/ie8screenshot.jpg/</a> The HTML and CSS code are as follows:- HTML Code:- <pre><code><ul class="menu"> <li class="first"><a href="#">Bridal</a></li> <li><img src="images/divider.jpg" alt="Divider" /></li> <li><a href="#">Bridesmaid</a></li> <li><img src="images/divider.jpg" alt="Divider" /></li> <li><a href="#">Gentleman's</a></li> <li><img src="images/divider.jpg" alt="Divider" /></li> <li><a href="#">Flower Girl</a></li> <li><img src="images/divider.jpg" alt="Divider" /></li> <li><a href="#">Special Occassion</a></li> <li><img src="images/divider.jpg" alt="Divider" /></li> <li><a href="#">Accessories</a></li> <li><img src="images/divider.jpg" alt="Divider" /></li> <li><a href="#">Shoes</a></li> <li><img src="images/divider.jpg" alt="Divider" /></li> <li class="last"><a href="#">Sale</a></li> </ul>  </code></pre> CSS Code:- <pre><code>ul.menu { width: 965px; height: 44px; font-size: 18px; color: #ffffff; list-style: none; margin: 0px; padding: 0px; } ul.menu li { float: left; background-repeat: no-repeat; margin: 0px; padding: 0px; } ul.menu li a { height: 34px; color: #ffffff; text-align: center; display: block; background-image: url(images/menu-normal.jpg); background-repeat: repeat-x; margin: 0px; padding: 10px 17px 0px 17px; } ul.menu li.first { background: none; } ul.menu li.first a { width: 88px; background-image: url(images/first-normal.png); margin: 0px; padding: 10px 0px 0px 8px; } ul.menu li a:hover { background-image: url(images/menu-hover.jpg); background-repeat: repeat-x; } ul.menu li.first a:hover { background-image: url(images/first-hover.png); } ul.menu li.last a { width: 68px; background-image: url(images/last-normal.png); margin: 0px; padding: 10px 8px 0px 0px; } ul.menu li.last a:hover { width: 68px; background-image: url(images/last-hover.png); } </code></pre> I found some similar articles in this and other forums but none of them were helpful. I tried list-position: inside; display: inline; etc but none of them work. One more detail I'm viewing the html page in IE9 browser but checking them in IE7 and IE8 compatibility mode. Thanks, Raj
Tags
<internet-explorer-8><internet-explorer-7>
Title
Horizontal Menu IE7 and IE8 compatibility Issue
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USRaj
UserOwnerUserId
1. USRaj
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COCan you give some online version link:)?
 singulars
 PostPostId
 POHorizontal Menu IE7 and IE8 compatibility Issue
 UserUserId
 USlord_t
2. COHi lord_t, sorry I don't have the url of the website, I just do the psd to html work and send it to my client who does the uploads and stuff.
 singulars
 PostPostId
 POHorizontal Menu IE7 and IE8 compatibility Issue
 UserUserId
 USRaj

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.